02 / 08 · Consumer app
Sprout
A plant-care app for people who keep killing their plants. Photograph a plant and it becomes a character that tells you when it’s thirsty, cold or stuck in the dark.
- Direction
- 09 · Playful System
- Register
- Loud
- Default look
- 0 of 6 traits
- Length
- 9 screens
Audited0 fail · 0 warnOpen the live build
The spine
Written by the agent before any code, and kept at the top of the build’s HTML.
- DIRECTION
- 9 Playful System. A consumer app for 20s–30s serial plant-killers; personality has to come from the cast and the motion, while the grid and colour logic stay strict.
- REGISTER
- LOUD. The one bold device: a full-bleed bubblegum-pink field with a cast of plant characters bursting up through its bottom edge.
- AXES
- ground saturated field (pink #FF6FB1; per-section fields as a system) · type genre soft/rounded (Fredoka + M PLUS Rounded 1c) · image medium illustration cast (6 plant characters with mood faces) · composition collage (rotation, overlap, stickers, tape, scalloped cut edges) · motion feel springy and characterful (linear() springs, pops, wiggles, eyes that follow the cursor; big surfaces critically damped)
- DEFAULT LOOK
- 0/6 matched → DIFFERENT FROM DEFAULT BY: ground (pink field, not paper), type (rounded 600, not light grotesk), labels (display-face sentence case, no mono), no hairline metadata bands, illustration cast not line drawing, colour is the ground not a tiny accent.
- MOTIF
- the face (two eyes + a mood mouth). 1 hero cast, eyes track the cursor · 2 the "o" in the wordmark · 3 avatars in the app UI rows · 4 the pricing count (5 faces free vs a crowd) · 5 the playground: Gary's face IS the readout · 6 footer: a plant that is asleep when it's night where you are.
- TYPE
- display Fredoka 600 (wdth 100) · text M PLUS Rounded 1c 400/700 · labels Fredoka 500 sentence case. 2 families.
- PALETTE
- ink #2A0B1D (plum near-black) · ink-2 ink@80% (AA on pink) · fields: pink #FF6FB1 = Sprout talking (hero, finale) · pale #FFEAF3 = playground + FAQ · forest #0E3A29 = how it works / species / footer (cream text, pink highlight) · butter #FFD84A = Sprout Plus only. Characters use the same set + leaf greens.
- HERO
- poster h1 bottom-left-ish + collage stage right (phone UI tilted 5°, cast in front, stickers). Characters are cut by the hero's bottom edge.
- IMAGERY
- illustration cast (SVG) + product UI rebuilt in HTML (role="img")
- MOTION
- big surfaces cubic-bezier(.16,1,.3,1) 850ms · small things spring linear() k380/c16 760ms · UI spring-soft · primitive: pop-up from below, wiggle on poke, blink, eye tracking
- SIGNATURES
- (1) characters that react: eye tracking, blink, poke = wiggle + joy face; (2) the playground ("Go on, neglect Gary") where sliders drive the character's mood and the real notification copy; (3) toy-plastic pill buttons that press 6px.
- CONVERSION
- download. Nav "Get the app" · hero App Store + Google Play · pricing "Download free" · finale App Store + Google Play
- VOICE
- "Plants with feelings." · "Go on, neglect Gary." · "Keep one alive."
Palette
#2A0B1D#FF6FB1#FFEAF3#0E3A29#FFD84A
Every screen
01 / 08 · drag or scroll
On a phone
390 pixels wide. Recomposed, not shrunk.
