DandyLine — Seeds Deep-Dive

01

The Dandelion In-Vault

When you open a vault, the dandelion expands to fill the space — no longer a brand mark, now the living interface. Seeds glow in their timing colors, ambient particles drift upward, and the whole puff breathes with its jellyfish float. This is the product's core experience.

Grove Vault · 32 Seeds · Live

The dandelion as product interface

Inside a vault the puff is large, immersive, and interactive. Each seed orb glows in its timing color. The center orb pulses. Tapping any seed opens its popup card with a live countdown and the D-Ring ripple effect. Try it — click any seed.

Interactive demo Click any orb

Unlike the brand mark (which always uses gold/cream), the in-vault dandelion uses the full seed color palette — seeds glow gold, sky, purple, or pink depending on their timing and emotional tag. The vault color only appears as a subtle tint on the jar itself, never on the seeds.

All Seeds

All seeds glow at full opacity. Default state when opening a vault.

Filtered — Approaching

Non-matching seeds dim to 15% opacity. Matching seeds glow brighter to stand out.

Stems Only

Seed orbs removed. Shows the bare structural skeleton — used during planting flow.

02

Seed Color Language

Seed color is assigned by timing and emotional tag — not by vault type. Every dandelion in every vault has a mix of colors. The vault's own color (gold, sky, sage, purple, amber) only appears as a tint on the jar itself. Inside the puff, color tells you about time.

Gold · Sun

Opening soon

Warm, present, approaching. The seed knows it's almost time. Gold carries urgency without anxiety — more anticipation than pressure.

Auto-assigned when bloom date is within 30 days. Brightens to gold-lt as the moment approaches.

Sky · Moon

Patient memory

Reflective, preserved, quietly waiting. Like moonlight on still water — no urgency, just gentle presence. The most common color in a healthy vault.

Auto-assigned when bloom date is 1–6 months out. The default color for most seeds in active vaults.

Purple · Stars

Distant future

Deep, contemplative, far-horizon. Purple seeds are promises made across time — years away, location-locked, or connected to a milestone that hasn't arrived yet.

Auto-assigned when bloom is 6+ months away, OR the seed is location-locked. Never changes to gold until within 30 days.

Pink · Love

Family + heart

Care, warmth, family bonds. Pink seeds are the ones planted with love as their primary intent — not a milestone, not a surprise, just connection. The most personal color in the system.

Manually tagged as love/family at planting. Overrides timing color — a pink seed 2 years away stays pink, not purple. Fades between pink and its timing color as it approaches.

Sage · Growth

Heritage · Bloomed

Wisdom, growth, heritage — and the universal color of opened memories. Every seed that has bloomed, regardless of its original color, becomes sage. The whole dandelion turns sage when a vault is complete.

Two sources: manually tagged as heritage/growth at planting, OR automatically assigned when a seed blooms. Sage is the resting state of any opened memory.

Pink · Love fade behavior: A love-tagged seed doesn't stay a fixed pink — it pulses between pink and its timing color based on how close the bloom date is. A love-tagged seed opening in 2 months fades between Pink and Sky. The same seed in the final week fades between Pink and Gold. The fade speed quickens as urgency increases. Sage seeds tagged with love don't fade — they bloom to a steady sage. Prototype: seed-fade-prototype.html

Critical distinction: seed color ≠ vault color. The vault's assigned color (Gold=Grove, Sky=Personal, Sage=Milestone, Purple=Legacy, Amber=Journey) only appears on the jar tint and vault UI. Inside the dandelion puff, seed colors are always determined by timing and emotional tag — never by which vault they live in.

03

The 4 Lifecycle States

Every seed moves through four states from planting to opening. Each state has a distinct visual treatment, animation behavior, and emotional register. The transitions between states are animated — the seed doesn't snap from one to the next.

State transitions are animated over 600ms with an ease-out curve. Sealed → Blooming Soon: the orb grows from its small dormant size, brightens, and gentle ripples begin expanding. Blooming Soon → Bloom Now: the ripples accelerate into fast radiating ring waves and the orb reaches full brightness. Bloom Now → Bloomed: the orb color cross-fades from gold-lt to sage and the starburst mark appears.

04

Bloom Trigger Types

Six ways a seed can be set to bloom. The trigger type determines both when the memory unlocks and how its countdown is displayed. Each trigger has its own icon, accent color, and countdown format.

Specific Date

Bloom on a chosen calendar date — a birthday, anniversary, graduation day, or any fixed moment in time. The most common trigger type. Countdown adapts from years to seconds as the date approaches.

Age Milestone

Bloom when the recipient turns a specific age — 13, 18, 21, 30, 40, etc. The planter sets the age; DandyLine calculates the exact bloom date from the recipient's birthday. Grows up with the person.

Years From Now

Set a duration rather than a fixed date — "open in 5 years." Useful when the planter doesn't know the exact future date but wants a time capsule. Calculated forward from the plant date.

Location Unlock

Bloom when the recipient physically arrives at a chosen place — Paris, Grandma's house, their childhood home. Location-locked seeds always appear purple regardless of when they might bloom. The countdown shows the place name, not a timer.

Gradual Bloom

The memory opens slowly — a petal a day, a line a week, over a chosen period. Used for longer messages that are meant to be experienced over time rather than all at once. Good for journals and letters meant to unfold.

Surprise Me

DandyLine picks a random future moment — anywhere from 3 months to 3 years out — and keeps it secret from the recipient. The seed just blooms one day. Creates the magic of unexpected memories. The planter also doesn't know the exact date.

Adaptive Countdown Display — Same Seed, Different Time Distances

Distant

5yrs

:

2mos

:

14days

6+ months out

Patient

11mos

:

5days

:

14hrs

1–6 months out

Approaching

18days

:

7hrs

:

22min

within 30 days

Imminent

2hrs

:

43min

:

18sec

final stretch

Bloomed

Openedmemory revealed

Mar 12, 2024

The color of the countdown display always matches the seed's current color state — purple for distant, sky for patient, gold for approaching, gold-lt for imminent, sage for bloomed. The imminent and approaching timers above are live.

Seed Count Explorer

Toggle vault capacity

Sparse · few committed memories

As vaults fill up, seeds pack tighter — depth and glow make each seed readable even at high counts. The color mix shifts as a vault matures: newer vaults are mostly sky and purple (patient/distant), older vaults show more gold (approaching) and sage (bloomed).

Seed Filters

Narrow down by any attribute

Status

Gardener

Media

Sentiment

Filters work like a shopping site — as you narrow down, the dandelion updates live and options that would return zero results are marked. Each dropdown stacks with the others: selecting "Bloom Now" + "Grandma" shows only seeds from Grandma that are ready to bloom. Gardener names are personalized nicknames you set in your profile settings.

Popup Card Anatomy

D-Ring Ripple Effect — On Seed Tap

Three concentric rings bloom outward from the tap point simultaneously. They expand over 3 seconds, fade to transparent, and then disappear — one full breath of acknowledgment. The effect triggers on any seed orb tap in the in-vault view.

Duration

3 seconds total. Fast expansion at start, decelerating to slow.

expansion: pow(progress, 0.45)

Opacity Curve

Starts at 25%, fades gracefully to zero using a steep curve.

pow(1 - progress, 1.8) × 0.25

Three Rings

Ring 1: Gold Light, full size. Ring 2: Gold, 55% size. Ring 3: Cream, 78% size.

thresholds: 25px / 55px / full

Max Radius

160px from tap center at full expansion. Outer ring reaches furthest.

max: 160px · stroke: 1.0px tapering