superchill-org
Joyful, whimsical, and calming. Ultra-heavy rounded display type combines with friendly 3D animal mascots, warm cream surfaces, and vibrant neon yellow highlights to create an inviting mindfulness world for kids.
Visit siteRated
7.1/ 10
From 10 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 8.5
- Systemmeasured
- 4.7
- Distinctionmeasured
- 9.3
- on the grid
- 24%
- vertical rhythm
- 59%
- type on a scale
- 45%
- contrast passing AA
- 60%
- unlike the library
- 0.30
- model craft
- 7.5/10
- model deviation
- 4.6/10
Colour
Background#f4eedb
Text#000000
Accent#dafd19
Surface#ffffff
Muted#000000
Typefaces
- Display
- FatFrank-Regular
- Body
- Athletics-Light
- Mono
- —
- Source
- adobe
- Scale
- 12 · 14 · 16 · 18 · 21 · 24
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 16px · 24px · 32px
Capture
- Category
- health
- Sections
- 10
- Captured
- 2026-08-30
- Rhythm
- pink gradient → cream → white → cream → white → cream x4 → black
Type rules
- display headlines rendered in FatFrank uppercase with tight line height
- body text set in Athletics-Light at roughly 50 characters per line for high readability
Colour rules
- warm cream background dominates the page body with saturated pink and neon gradient hero moments
- neon lime yellow reserved strictly for key interactive buttons, badges, and headline highlights
Voice rules
- written to speak directly to kids while addressing parents with warmth
- use punchy, all-caps display headlines
Holds it together
- use electric lime yellow pills for primary call-to-actions and carousel navigation
- pair warm cream backdrops with generously rounded white cards to organize content
- incorporate hand-drawn squiggles and playful 3D creature renders around focal points
Contrast
text on background18.1:1 AAA
muted text on background18.1:1 AAA
text on surface21.0:1 AAA
accent on background1.0:1 fail
background on accent1.0:1 fail
Type, measured
- Body
- 18px / 1.5
- Measure
- 50 characters
- Display
- 101px / 0.9
- Tracking
- 0em display
- Scale ratio
- 1.54
Voice
- Tone
- encouraging, playful, warm
- Sentences
- short
- Person
- second
- Vocabulary
- simple
- Calls to action
- download, discover, sign up
Built with
- Builder
- —
- Framework
- —
- Motion
- swiper
- WebGL
- —
- Nav
- top_bar, 19 items
- Length
- 7.9 screens
Sections in page order
3 marked strong · 10- 00
hero
A vibrant, playful hero pairing bold chunky typography and pastel neon gradients with a meditating polar bear mascot.
- Mood
- playful + dreamy
- Layout
- 1 col · split · balanced
- 01
feature grid
Warm and approachable three-column feature section with chunky uppercase headlines set against a soft cream background.
- Mood
- warm + playful
- Layout
- 3 col · grid · airy
- 02
feature grid
StrongVibrant candy-colored cards with bold chunky typography and playful creature art create a cheerful multimedia hub.
- Mood
- playful + bold
- Layout
- 1 col · grid · balanced
- 03
logo bar
StrongWarm paper-toned press banner pairing ultra-bold retro typography with clean grey media publication logos.
- Mood
- playful + warm
- Layout
- 1 col · stacked · airy
- 04
showcase
Playful and approachable carousel card combining quirky, cinematic photography with bold punchy typography and electric neon accents.
- Mood
- playful + warm
- Layout
- 2 col · split · balanced
- 05
showcase
A warm cream recognition section pairing heavyweight black sans typography with a hanging white award plaque.
- Mood
- warm + playful
- Layout
- 16 col · split · airy
- 06
cta
StrongA cheerful newsletter signup section pairing chunky uppercase type and a neon accent button with a whimsical 3D creature and floating cards.
- Mood
- playful + warm
- Layout
- 2 col · split · airy
- 07
testimonial
A playful testimonial card pairing a whimsical 3D hybrid creature with bold review typography and rounded carousel controls.
- Mood
- playful + warm
- Layout
- 1 col · split · airy
- 08
cta
Friendly and approachable app download section featuring bold chunky headline type, warm cream background, and playful hand-drawn doodles.
- Mood
- playful + warm
- Layout
- 12 col · centered · airy
- 09
footer
A high-contrast dark footer anchored by friendly chunky typography and an energetic lime-yellow newsletter pill button.
- Mood
- playful + bold
- Layout
- 1 col · split · balanced
