1 page captured

Class Creator | Student Placement Software

classcreator.io ↗

DESIGN.md

1 page

Warm, muted teal and ochre, clean sans-serif, spacious digital workshop.

Bento Gridminimalism swiss monochrome saas educationlight

Palette

SwatchHexOKLCHSuggested roleCopy

Hex#14b494
OKLCHoklch(68.8% 0.128 174)
RoleDominant
find sites →
Hex#f0b471
OKLCHoklch(81.1% 0.109 68)
RoleSurface
find sites →
Hex#29b499
OKLCHoklch(69.2% 0.120 176)
RoleInk
find sites →
Hex#a68b6e
OKLCHoklch(65.4% 0.052 69)
RoleAccent
find sites →
Hex#cba490
OKLCHoklch(74.9% 0.054 49)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	Inter Sans-serif	70px	600	1.06	-2.8px	Aa Bb Cc
h2	Inter Sans-serif	48px	500	1.13	-1.92px	Aa Bb Cc
h3	Inter Sans-serif	24px	500	1.25	-0.96px	Aa Bb Cc
body	Inter Sans-serif	16px	400	1.5	0	Aa Bb Cc
button	Inter Sans-serif	16px	400	1.5	0	Aa Bb Cc

Typefaces: Inter Sans-serif
Stack: Tailwind, Cloudflare
Container: 1340px max

Download .md View raw ↗

Class Creator | Student Placement Software - Landing — LandingClass Creator | Student Placement Software