Synthesis Tutor
www.synthesis.com/tutora deep-blue, energetic kids' learning product (the math tutor born out of the SpaceX school) that pairs a confident Work Sans display headline with a glowing gold-gradient CTA, neon outline icons and an iPad mockup, friendly and high-energy without tipping into childish.
Design tokens
- display
- Work Sans
- body
- Work Sans
- mono
- none
Do / Don't
Reference it for
- A kids' tutoring, learning-app or education brand that needs to feel exciting and trustworthy at once: a dark, rich ground with bright accent pops.
- Pairing a confident sans display headline with a single glowing gradient CTA as the clear primary action.
- Neon outline icons in rounded chips as a friendly, energetic way to present subjects or features.
- A device mockup (iPad) with an embedded video testimonial to make a digital product tangible.
- For a Jiffi tutoring or learning-centre client, this is the reference for energetic-but-credible: how a local kids' education business can look like a premium product, not a flyer.
Do not copy
- The deep-blue cosmic theme with glowing shadows is strongly Synthesis (the "SpaceX school" lineage); borrow the dark-plus-bright approach, not the exact starfield mood.
- The neon icon set and gradient gold button are brand-coded; recreate the idea with the client's palette.
- Work Sans is open (Google Fonts) so it is reusable, but the very wide expressive scale suits a flashy product; temper it for a calmer local brand.
Signature moves
dark-ground plus glowing gradient CTA
a deep, rich ground (#0a1097) with a single glowing gold-gradient (#ffd000) CTA as the unambiguous primary action, energetic but credible.
neon outline icons in rounded chips
subjects/features are presented as neon outline icons inside rounded chips (radii 10-30px), a friendly energetic way to list offerings without childishness.
device-mockup with embedded testimonial
an iPad mockup with an embedded HTML5 video testimonial makes the digital product tangible inside the 890px content container.
Related references
Decodable
strongData Infrastructure
The reference for B2B data-infrastructure: dark navy hero with rainbow data-flow visualization, Inter at four weights, bright Anthropic-blue CTAs over deep `#0e0f18`.
Hims Hers
flagshipHealth
a telehealth brand that makes prescription medicine feel like a lifestyle product, a big tight-set geometric sans headline, a warm cream-and-brown palette, and a grid of large rounded entry cards with floating product photography that route you straight into "find your Rx match".
Slack
flagshipSaas Product
a post-Salesforce-acquisition product flagship where the iconic aubergine `#611f69` survives as the primary CTA, Salesforce-Sans replaces Lato, and a 30-keyframe motion library powers the "workspace-people-bump" avatar animations that have always been Slack's brand signature.
Superpower Health
strongHealth
a longevity-clinic brand that opens on a near-black hero with a single backlit orange silhouette, then switches to a calm white-and-zinc-grey editorial body set entirely in the NB International Pro grotesque, with vermillion as the one disciplined accent.