Voir la source de Modèle:Portail Micronation

<div style="font-family:'Sora',sans-serif; max-width:1060px; margin:0 auto; padding:1.25rem; font-size:13.5px;">

<!-- ==================== HERO ==================== -->
<div style="border-radius:14px; overflow:hidden; margin-bottom:14px; border:1.5px solid #a2a9b1;">

  <!-- Bannière (changer la couleur hex pour chaque micronation) -->
  <div style="height:90px; background:#2C2C2A;"></div>

  <div style="padding:0 24px 20px; background:#fff;">

    <!-- Identité -->

<div style="display:flex; align-items:flex-end; gap:16px; margin-top:-32px; margin-bottom:14px;">
  <div style="width:76px; height:76px; border-radius:12px; border:3px solid #fff; overflow:hidden; flex-shrink:0;">[[Fichier:Drapeau-{{{Micronation}}}.png|76px]]</div>
  <div style="padding-bottom:4px;">
    <div style="font-family:'Playfair Display',serif; font-size:26px; font-weight:700; color:#000; line-height:1.2;">{{{Micronation}}}</div>
    <div style="font-size:12px; color:#666; margin-top:3px; font-style:italic;">{{{Micronation_Nom_Complet}}}</div>
  </div>
</div>

    <!-- Description -->
    <div style="font-size:13.5px; line-height:1.75; color:#555; margin-bottom:16px;">
{{{Micronation_Description}}}
    </div>

    <!-- Thèmes -->
    <div style="display:grid; grid-template-columns:repeat(5,1fr); gap:8px;">

      <div style="background:#E6F1FB; border:1.5px solid #B5D4F4; border-radius:10px; padding:12px 10px; text-align:center;">
        <div style="width:32px; height:32px; border-radius:8px; background:#B5D4F4; margin:0 auto 8px; display:flex; align-items:center; justify-content:center;">[[Fichier:Icone-legislation.png|16px]]</div>
        <div style="font-size:11px; font-weight:600; color:#0C447C;">[[:Catégorie:{{{Micronation_Lex}}}|Législation]]</div>
      </div>

      <div style="background:#EEEDFE; border:1.5px solid #AFA9EC; border-radius:10px; padding:12px 10px; text-align:center;">
        <div style="width:32px; height:32px; border-radius:8px; background:#AFA9EC; margin:0 auto 8px; display:flex; align-items:center; justify-content:center;">[[Fichier:Icone-institutions.png|16px]]</div>
        <div style="font-size:11px; font-weight:600; color:#26215C;">[[Institutions_({{{Micronation}}})|Institutions]]</div>
      </div>

      <div style="background:#FAEEDA; border:1.5px solid #FAC775; border-radius:10px; padding:12px 10px; text-align:center;">
        <div style="width:32px; height:32px; border-radius:8px; background:#FAC775; margin:0 auto 8px; display:flex; align-items:center; justify-content:center;">[[Fichier:Icone-histoire.png|16px]]</div>
        <div style="font-size:11px; font-weight:600; color:#412402;">[[Culture_({{{Micronation}}})|Culture]]</div>
      </div>

      <div style="background:#E1F5EE; border:1.5px solid #9FE1CB; border-radius:10px; padding:12px 10px; text-align:center;">
        <div style="width:32px; height:32px; border-radius:8px; background:#9FE1CB; margin:0 auto 8px; display:flex; align-items:center; justify-content:center;">[[Fichier:Icone-geo.png|16px]]</div>
        <div style="font-size:11px; font-weight:600; color:#04342C;">[[Géographie_({{{Micronation}}})|Géographie]]</div>
      </div>

      <div style="background:#FAECE7; border:1.5px solid #F5C4B3; border-radius:10px; padding:12px 10px; text-align:center;">
        <div style="width:32px; height:32px; border-radius:8px; background:#F5C4B3; margin:0 auto 8px; display:flex; align-items:center; justify-content:center;">[[Fichier:Icone-diplo.png|16px]]</div>
        <div style="font-size:11px; font-weight:600; color:#4A1B0C;">[[Diplomatie_({{{Micronation}}})|Diplomatie]]</div>
      </div>

    </div>
  </div>
</div>
<!-- FIN HERO -->

<!-- ==================== LAYOUT DEUX COLONNES ==================== -->
<div style="display:grid; grid-template-columns:1fr 272px; gap:12px; align-items:start;">

<!-- COLONNE GAUCHE -->
<div style="display:flex; flex-direction:column; gap:12px;">
</div>
<!-- FIN COLONNE GAUCHE -->

<!-- COLONNE DROITE -->
<div style="display:flex; flex-direction:column; gap:12px;">
</div>
<!-- FIN COLONNE DROITE -->

</div>
<!-- FIN LAYOUT -->

</div>