Synthesis Tutor 2

www.synthesis.com/tutor

The reference for a warm, high-trust consumer edtech landing built on a deep indigo-to-navy gradient (#2e001e over #0c1631) with a single warm amber CTA (#ffa103) and heavy Work Sans display.

Online Learning flagship

Design tokens

background

surface

text

accent

tone1

tone2

display: Work Sans
body: Work Sans
mono

Do / Don't

Reference it for

Deep saturated gradient canvas: indigo #2e001e bleeding into navy #0c1631 / brand-black #010111, lit from upper-left so the hero glows
One warm accent doing all the work: amber CTA button #ffa103 with #ff842d hover, the only warm note against the cool field
Heavy Work Sans display headline at ~70px/700 weight, tight three-line stack ('Your child's personal math tutor.')
Subhead in Work Sans 400 at ~21px with generous 33px line-height, muted white rgba(255,255,255,0.7) for calm hierarchy
Rounded pill CTA (border-radius 100px) with an inline chevron, sitting on 10-15px radius cards elsewhere
Framed hero video card: near-black #010111 panel with a hairline white border (rgba(255,255,255,0.4)) and a translucent 'Play video' lozenge overlay
Overlapping circular avatar cluster + social-proof line ('Join over 25,000 forward-thinking families')
Section eyebrow labels in caps with 1px letter-spacing (DEEP / PERSONAL / ADAPTIVE / FUN / HANDS-ON) tagging feature blocks

Do not copy

The Synthesis wordmark, upward-triangle logo mark, and the 'Black Signature' script face
The 'Born at SpaceX' / Elon Musk founder narrative and Josh Dahn signature block
Named-parent testimonial copy and the real children's faces in the hero video
The exact indigo #2e001e + amber #ffa103 pairing as a lift-and-drop palette
'25,000 forward-thinking families' and the '$1/day' proof claims
The Synthesis Tutor product screenshots and lesson footage
Brand-specific CTA voice ('Try it for free' repeated as the sole verb)