Internal QA

Styleguide

Every color, type size, spacing step, and component state from the V2 brand spec, rendered for review. This page is unlisted, noindex, and never linked from navigation.

Color — surfaces

--surface-base

#000000

--surface-raised

#0A0B0D

--surface-card

#111418

--surface-overlay

#181C22

--border-faint

#1F232B

--border-strong

#2C313B

Color — text & accent

--text-primary

#F2F2F2 · AAA 15.3:1

--text-secondary

#9AA1AD · —

--text-muted

#6E7785 · AA 4.6:1

--text-accent

#A2CD49 · AAA 10.4:1

--accent (default)

--accent-hover

--accent-pressed

--semantic-error (not in PDF — flagged)

Type scale

Display 64

H1 Inter Bold 40

H2 Inter SemiBold 28

H3 Inter Medium 20

Lead Inter Regular 16 — the moment matters more than the equipment.

Body Inter Regular 14 — the moment matters more than the equipment.

Caption Inter Medium 12

Eyebrow Inter Bold Uppercase 11

Mono / JetBrains Mono — 12 yrs, NCLH new-builds

Spacing — 4pt base

4px

8px

12px

16px

24px

32px

40px

48px

64px

12-column grid

Buttons

Hover/press live to see transitions. Never place two ghost buttons side by side without a primary.

Links

Body copy with an inline link inheriting text color, 1px underline at 50% opacity — hover shifts to full underline and lime. Tab to it to check the focus ring.

Form inputs

Name

Message

This field is required.

Cards

Standard

Raised surface, 1px border.

Standard, accented

2px lime top accent.

12 yrswith Norwegian Cruise Line Holdings (NCLH)

Quiet — hairline border only, for dense lists or FAQ rows.