maggie-app-com
Intensely cheerful, retro-playful, and candidly supportive. Massive, chunky uppercase typography in deep green punches through vibrant mint, pastel yellow, and bubblegum pink container blocks. Delicate handwritten annotations and cute character mascots give the app an approachable, parent-first warmth.
Visit siteRated
7.3/ 10
From 12 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.8
- Distinctionmeasured
- 9.8
- on the grid
- 37%
- vertical rhythm
- 33%
- type on a scale
- 63%
- contrast passing AA
- 60%
- unlike the library
- 0.34
- model craft
- 7.5/10
- model deviation
- 5.8/10
Colour
Background#82eda6
Text#03594d
Accent#fccddc
Surface#ffff94
Muted#03594d
Typefaces
- Display
- BN Dime Display Regular
- Body
- Helvetica Neue
- Mono
- —
- Source
- google · system
- Scale
- 9 · 14 · 25 · 32 · 48 · 100
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 24px · 40px · 9999px
Capture
- Category
- tools
- Sections
- 12
- Captured
- 2026-08-30
- Rhythm
- mint → yellow → mint → light blue → cream → pink → cream → mint
Type rules
- display type is set in ultra-heavy uppercase with line-height under 0.9
- handwritten cursive font is reserved exclusively for eyebrows and warm sign-offs
Colour rules
- text is consistently set in dark forest green (#03594d) over every pastel background
- background containers cycle through vibrant pastel color blocks of mint, yellow, pink, and cream
Voice rules
- pair all-caps bold statements with casual handwritten commentary
- frame parenting challenges with playful humor
Holds it together
- pair ultra-bold all-caps headline typography with handwritten script accents
- render all typography and iconography in deep forest green (#03594d)
- frame content cards and buttons in heavily rounded pill and arch silhouettes
- embed mini lifestyle photo badges directly inline within large headline copy
Contrast
text on background5.8:1 AA
muted text on background5.8:1 AA
text on surface7.9:1 AAA
accent on background1.0:1 fail
background on accent1.0:1 fail
Type, measured
- Body
- 9px / 1
- Measure
- 16 characters
- Display
- 180px / 0.8
- Tracking
- 0.01em display
- Scale ratio
- 2.11
Voice
- Tone
- playful, candid, empathetic
- Sentences
- short
- Person
- second
- Vocabulary
- plain
- Calls to action
- download, request, read
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- —
- Length
- 11.1 screens
Sections in page order
3 marked strong · 12- 00
nav
StrongVibrant mint green header featuring tactile neo-brutalist pill buttons and playful mixed typography.
- Mood
- playful + nostalgic
- Layout
- 12 col · stacked · airy
- 01
hero
Punchy and retro mint hero combining ultra-bold chunky uppercase type with a delicate handwritten eyebrow and app store pills.
- Mood
- playful + bold
- Layout
- 1 col · stacked · balanced
- 02
showcase
Bubbly and cheerful mobile mockup showcase displaying fanned app screens over split mint and pastel yellow rounded blocks.
- Mood
- playful + warm
- Layout
- 1 col · centered · balanced
- 03
statement
StrongA cheerful yellow statement section featuring giant blocky green typography punctuated by miniature inline lifestyle photos.
- Mood
- playful + bold
- Layout
- 1 col · centered · balanced
- 04
showcase
A playful carousel slider featuring tilted photo and map cards framed inside soft pastel color blocks with chunky retro type.
- Mood
- playful + warm
- Layout
- 1 col · centered · airy
- 05
announcement
A giant pastel character peeks up with a cheerful minimal expression, setting an intensely playful and friendly tone.
- Mood
- playful + warm
- Layout
- 3 col · centered · airy
- 06
statement
StrongA lighthearted and bright statement section framed by chunky retro typography and playful scattered everyday parenting stickers.
- Mood
- playful + warm
- Layout
- 1 col · centered · airy
- 07
team
A warm, candid family portrait set inside a tilted card against playful pastel backgrounds.
- Mood
- playful + warm
- Layout
- 16 col · centered · airy
- 08
statement
Massive chunky retro typography delivers an impactful brand statement with a playful outlined punchline.
- Mood
- bold + playful
- Layout
- 4 col · stacked · airy
- 09
feature
A whimsical, pastel character badge overlapping layered app icons anchors a playful transition between content sections.
- Mood
- playful + warm
- Layout
- 1 col · centered · airy
- 10
statement
A warm and punchy typography statement pairing ultra-heavy retro display lettering with delicate script on soft pastel framing.
- Mood
- playful + warm
- Layout
- 1 col · centered · airy
- 11
stats
Massive, stepped display typography delivers a bold statistical claim softened by a delicate handwritten sign-off on a clean cream card.
- Mood
- bold + playful
- Layout
- 6 col · stacked · airy
