Proof of Concept. Not official USMC content, not authoritative for pay, records, or leave decisions. Sourced from public MCO and MARADMIN material. Read full disclaimer.
Proof of Concept. Not official USMC content, not authoritative for pay, records, or leave decisions. Sourced from public MCO and MARADMIN material. Read full disclaimer.
v1.2 Design System
Logo-derived parchment-and-navy palette. Compact-balanced density. Toggle theme to verify dark mode.
Section 5.1
Section 5.1
Section 5.2
SEMPER ADMIN
text-6xl (display)Page heading
text-4xl (page h1)Section heading
text-3xl (h1)Subsection heading
text-2xl (h2)Inline heading
text-lg (h3)Long-form policy body. 16px.
text-md (body-md)Default body. 15px.
text-base (body)UI controls. 13px.
text-sm (UI)EYEBROW LABEL
text-xs (eyebrow)Section 5.3
4 / xs4px8 / sm8px12 / md12px16 / base16px24 / lg24px32 / xl32px48 / 2xl48px64 / 3xl64pxSection 5.4
Role
Status
Neutral and accent
Sizes
Three-bullet summary of a topic.
Plain-language breakdown.
Interactive surface preview.
Selected
Section 5.5
.ambient-bloom
Radial gradient bloom shows above this card in dark mode. Toggle theme to verify.
.gradient-accent
PORTAL
Gradient text. One word per page maximum.
.chrome-floating
Brand stripe accent
Used as the topbar underline accent.