Company · Brand Guidelines
The building blocks of the Future brand — our palette and the three typefaces that carry the product, straight from the design tokens.
Identity


The F3 mark and “Future™” wordmark. White on dark surfaces, black ink on light. Keep clear space around the mark equal to the height of the “F”.
Color
Cobalt
#0021ff
--color-cobalt
Primary brand — buttons, links, fills, selection
Orange
#ff4105
--color-orange
Accent — active nav, scroll cues, highlights
Color
50
#eaf1ff
--color-brand-50
100
#cddcff
--color-brand-100
200
#9db9ff
--color-brand-200
300
#6690fb
--color-brand-300
400
#3c72f6
--color-brand-400
500
#0021ff
--color-brand-500
600
#1745c9
--color-brand-600
700
#12369e
--color-brand-700
Color
Void Black
#000000
--background
Page background
Carbon
#0d0d0f
--surface
Cards, bands (--surface / --color-ink)
Graphite
#232529
--surface-2
Chips, hover fills
Ice White
#d8eaff
--foreground
Primary text
Light Fog
#a9b6c2
--soft
Emphasis text
Fog
#6c757f
--muted
Secondary text
Hairline
rgba(216,234,255,0.18)
--line
Borders
Hairline Strong
rgba(216,234,255,0.34)
--line-strong
Stronger borders
Color
Zinc 100
#f4f4f5
--background
Zinc 50
#fafafa
--background-2
White
#ffffff
--surface
Zinc 200
#e4e4e7
--surface-2
Zinc 300
#d4d4d8
--line
Zinc 400
#a1a1aa
--line-strong
Zinc 500
#71717a
--muted
Zinc 900
#18181b
--foreground
Typography
Display · SF Pro Display
weight 400 · tracking -0.03em
Own more home.
ABCDEFGHIJKLM abcdefghijklm 0123456789
Headlines and hero type. Apple’s geometric stack (SF Pro Display), regular weight, tight tracking — applied via the .display class.
Body · SF Pro Text
Future is a modern mortgage lender rebuilding home financing from the ground up — fast, transparent, and technology-first from application to close.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Mono · Departure Mono
labels · buttons · data
WE BUILD BETTER MORTGAGES
ABCDEFGHIJKLM abcdefghijklm 0123456789 #$%&