Complete reference for the V1 Bold Crown system. Home dashboard, seed states, color language, filtering, countdowns, ripple effects, and interaction patterns.
The first thing you see when you open DandyLine. A warm summary of your memory garden with floating seed particles drifting upward — dreamy, calm, purposeful. Atmospheric glow orbs float behind the ring for that ethereal dandelion feel.
What you see when you tap into a vault. The dandelion fills the jar interior with floating ambient particles adding depth. Vault color glows softly behind the glass. Dandelion is enlarged for immersive presence.
Full interactive dandelion. Click any glowing seed orb to see its memory popup with live countdown and D-Ring ripple. Toggle density to see how the dandelion scales. "Stems Only" shows the seedless state.
Four states showing how a seed appears through its lifecycle. Sealed seeds are full orbs with locked energy inside. Blooming Soon pulsates. Bloom Now glows steady and bright. Bloomed rests in sage.
Full orb, locked. Slow deep inner pulse. Dashed ring = sealed. Memory lives inside.
Orb pulsates — brightness and halo expand and contract. Warmth building.
Steady bright glow with golden halo ring. Confident, radiant, ready to open.
Memory revealed. Steady sage with starburst mark. Content is available.
Seed colors represent emotional qualities and timing — not vault type. Every dandelion in every vault has a mix. Vault color only appears in jar tint. In the app, color is assigned by bloom timing and emotional tag.
Opening soon. Warm, present, approaching bloom.
Patient memory. Reflective, preserved, waiting.
Distant future. Location-locked or far-off milestone.
Family and relationship bonds. Heart-connected.
Heritage, wisdom, growth. Also the color of bloomed seeds.
Non-matching seeds dim while filtered ones glow brighter. All 6 filter modes are functional below.
Three concentric rings bloom outward over 3 seconds on seed click. Also triggers in the Hero section when clicking seed orbs.
3 seconds. Expansion: pow(p, 0.45) — fast start, slow finish.
pow(1-p, 1.8) x 0.25. Graceful fade to zero.
Ring 1: Gold Light 1x. Ring 2: Gold 0.55x. Ring 3: Cream 0.78x.
160px from click. Inner rings at 25px and 55px thresholds.
Click any seed to reveal its memory card. Now includes a live countdown timer with seconds, emotion tag, and planted date alongside sender, title, and media type. Animated orbs replace static dots.
Every sealed seed carries a bloom timer. Icons and colors match the site design system.
Ticking timers that adapt units by distance. Each countdown has a glowing seed orb showing what the seed looks like at that urgency level. All clocks are live.
Three tiers: individual seed, dandelion summary, vault summary.
Buttons float over the dandelion. Primary uses gold gradient. The dandelion remains softened behind interactive elements.
Seeds float like stars at different distances. Closer = opening soon. Distant = years away. No feeds, no pressure — meaningful moments suspended in time.
6-8px, bright gold. Memories opening soon.
3-5px, softer gold or sky. Months away.
1-2px, faint dots. Years in the future.
Subtle gold gradient at bottom edge.
Key values for implementing the dandelion and seed system.
| Category | Property | Value |
|---|---|---|
| Canvas | DPI Scaling | attrs = 2x CSS; ctx.scale(2,2) once at init |
| Canvas | Render Loop | Never set canvas dims or getBoundingClientRect in loop |
| Colors | Gold / Cream / Sky | #D4A853 · #F0C96A · #F5F0E8 · #8BAEC8 |
| Colors | Sage / Purple / Pink / Amber | #7A9E7E · #6B5B8A · #C48CA0 · #C4704A |
| Fonts | Display / Body | Syne 700-800 · Outfit 200-700 |
| Sealed | Visual | Full orb 0.7op, dashed lock ring, inner pulse speed 0.15 |
| Soon | Visual | Pulsating 0.4-1.0 range, expanding halo, speed 0.5 |
| Now | Visual | Steady 0.88-0.98, gold ring, speed 0.9 shimmer |
| Bloomed | Visual | Sage 0.75, starburst mark, no pulse |
| Ripple | D-Ring | 3s · 160px · pow(p,.45) · 3 rings |
| Float | Jellyfish | sin(.22t)x5+cos(.13t)x3 / sin(.35t)x12+sin(.17t)x6 |
| Countdown | Adaptive | >1yr: yr+mo+day · >30d: mo+day+hr · <1d: hr+min+sec |