Color · Theme

Light theme — Sales & landing

The default theme for marketing, proposals, and customer-facing portals.

Page canvas — --bg

The outermost surface. Hosts cards, sections, and decorative blocks.

Card — --surface

Default container for content blocks. Pair with --shadow-1.

Sub-panel — --surface-2

Stripes, side panels, nested groups inside cards.

Hero — --brand-navy-900

Used for the landing hero block and quote calculator header.

Semantic neutrals

--bg#F6F8FB
--surface#FFFFFF
--surface-2#EEF2F7
--fg#0E2444
--muted#5C6B82
--border#DCE3EC
--border-strong#B7C3D3

Pills in context

Entregado Demora prevista Retención aduanal Documentación