1 page captured

Middle | Helping you home

middle.finance ↗

DESIGN.md

1 page

Soft, warm apricot hues and playful rounded forms float on a spacious, airy canvas.

Bento Gridplayful minimalism fintechlight

Palette

SwatchHexOKLCHSuggested roleCopy

Hex#fbc71f
OKLCHoklch(85.2% 0.169 89)
RoleDominant
find sites →
Hex#b06cf5
OKLCHoklch(66.5% 0.201 304)
RoleSurface
find sites →
Hex#503784
OKLCHoklch(40.6% 0.124 295)
RoleInk
find sites →
Hex#804db0
OKLCHoklch(52.4% 0.155 305)
RoleAccent
find sites →
Hex#a4b4cc
OKLCHoklch(76.5% 0.039 258)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	MiddlePrimary	64px	700	1.1	0	Aa Bb Cc
h2	MiddlePrimary	48px	700	1.1	0	Aa Bb Cc
h3	MiddlePrimary	28px	700	1.11	0	Aa Bb Cc
body	MiddlePrimary	16px	400	1.5	0	Aa Bb Cc
caption	MiddlePrimary	14px	500	1.38	0	Aa Bb Cc
button	MiddlePrimary	16px	400	1	0	Aa Bb Cc

Typefaces: MiddlePrimary
Stack: Next.js, Tailwind

Download .md View raw ↗

Middle | Helping you home - Landing — LandingMiddle | Helping you home