The site is disciplined about colour: a near-black canvas, white type, and a single saturated blue reserved almost entirely for calls to action. Everything else is a tint or a grey.
Frost Navy
#0B1464
Primary. Set by Frost as the brand primary — this supersedes the blue the live site currently paints. White on it measures 16.2:1, so it carries full-bleed surfaces and filled buttons well.
Night Black
#040808
Secondary. The dominant canvas. Full-bleed sections alternate between this and true black.
White
#FFFFFF
Tertiary. All display and body type on dark, plus the light sections. The mark is drawn in white.
Extended palette
Measured, then declared.
Two sources, kept apart on purpose. The first group is what the rendered page actually paints. The second is the site's own named variable set — useful vocabulary, though several entries are declared and never referenced.
Measured on the rendered page
Muted blue-grey
#8FA0AB
Tint blue
#DAEBFA
Tint pale
#F4FAFF
Ink on light
#41393E
Deep navy
#272E42
True black
#000000
Declared in the site's variable set
night
#060A12
dark
#212629
tealish-blue
#2E3949
carbon-gray
#595F63
ash-grey
#B1BACC
bluish-cyan
#5BCEFF
cornflower-blue
#AECCEA
twilight-blue
#EBFCFD
ceramic
#FBFFFA
bright-blue
#0569FF
Three different blues are in play, so they are kept distinct. The site’s variable set declares bright-blue: #0569FF; every button on the live page actually computes to #0B1464; and the brand primary is #0B1464, set by Frost. Only the last is normative — the other two are recorded because the live site still shows them.
Typography
Sailec, five weights, tight tracking.
One family does everything — display, body, navigation, labels. There is no second face and no mono. Display sizes carry negative tracking; body copy sits at normal.
Sailec Thin100
Sailec Light300 · display
Sailec Regular400 · display, body
Sailec Medium500 · navigation
Sailec Bold700 · headlines, buttons
Sailec Regular Italic400 italic
Measured on the live page
Role
Weight
Size
Tracking
Line height
Hero display
400
80px
-1.44px
84px
Section headline
700
64px
-1.28px
—
Page headline
700
40px
-1.2px
48px
Light display
300
48px
-0.96px
55px
Lede
400
32px
normal
45px
Body large
400
20px
normal
28px
Body
400
16px
normal
22px
Navigation
500
16px
normal
16px
Button
700
20–22px
normal
20–22px
Caption
400
14px
normal
20px
Components
Pill geometry, hairline structure.
The component language is narrow and consistent: one button shape, underline form fields, almost no borders or shadows. Radius is either a full pill or nearly nothing.
A single-path crystal on a 40×40 viewBox, painted white. This is the exact SVG from the site — the geometry is not redrawn here, only scaled and recoloured.
72px
44px
28px
Frost Navy
Wordmarks · Lockups
Three treatments.
The split-weight lockup is not an invention — it is how the homepage sets its own hero line, light over bold.