1 page captured

Better customer experiences | Sierra

DESIGN.md

1 page

Warm, muted earth tones rest on spacious, clean layouts with a gentle, humanist typeface.

Bento Gridminimalism editorial swiss dark mode ai saasdark

Palette

SwatchHexOKLCHSuggested roleCopy

Hex#92663c
OKLCHoklch(54.7% 0.081 63)
RoleDominant
find sites →
Hex#ccab93
OKLCHoklch(76.4% 0.051 58)
RoleSurface
find sites →
Hex#6c3514
OKLCHoklch(39.5% 0.090 48)
RoleInk
find sites →
Hex#997755
OKLCHoklch(59.4% 0.064 66)
RoleAccent
find sites →
Hex#d6c9b8
OKLCHoklch(84.2% 0.027 75)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	gtAmerica	65px	400	1.11	-1.3px	Aa Bb Cc
h2	gtAmerica	38px	400	1.21	-0.38px	Aa Bb Cc
h3	gtAmerica	24px	400	1.33	0	Aa Bb Cc
body	gtAmerica	16px	400	1.5	0	Aa Bb Cc
button	gtAmerica	14px	400	1.43	0	Aa Bb Cc

Typefaces: gtAmerica
Stack: Next.js, Tailwind
Container: 1440px max

Download .md View raw ↗

Better customer experiences | Sierra - Landing — LandingBetter customer experiences | Sierra