The visual and verbal rules that keep DandyLine consistent, intentional, and quietly extraordinary — across every surface it touches.
DandyLine's palette is drawn from nature — aged gold, aged wood, soft sky, quiet sage, deep night. Every color has an emotional register. Use them with intention, not decoration.
--bg · --deep · — · --navy (gradient dark to mid)
--tb (93%) — Primary body text. Headlines, important statements, UI labels that demand full attention.
--tm (68%) — Supporting text. Paragraph copy, subtitles, descriptions. The default reading voice.
--td (42%) — Tertiary text. Labels, captions, metadata, specs. Recedes without disappearing.
DandyLine uses a single typeface: Outfit. Geometric, warm, readable across all sizes. No other fonts are permitted in brand materials — this singularity is intentional.
Never use bold (700+) weights. The heaviest weight in the system is SemiBold (600), used only for display headlines. Emphasis in body copy is achieved with Medium (500) not bold.
The DandyLine mark is a dandelion puffball in its final form — 12 radiating lines, 12 seed-tip ellipses, a bright center. It represents the moment just before release: full, suspended, ready to bloom.
Thin strokes at equal angular intervals. Stroke: rgba(212,168,83,.52). Represent the stem structure of a dandelion puffball.
Small ellipses at the end of each line, rotated to match line angle. Fill: rgba(212,168,83,.88). Each is a seed — a memory waiting to travel.
A bright 4.5px circle at exact center. Fill: rgba(255,230,120,.92) with Gaussian blur glow. The origin point from which all memories depart.
Outfit Light (300), #D4A853, letter-spacing .1em. The wordmark and mark always appear together in the nav. The mark may appear alone in app contexts.
Always apply a drop-shadow glow to the mark on dark backgrounds. Minimum: drop-shadow(0 0 6px rgba(212,168,83,.3)).
Never change the mark color. Gold only. The mark on a light background is not currently a supported use case.
Use the wordmark in Outfit Light (300) — the same weight gives the logo its quiet restraint. Never heavier than 400.
Never stretch, rotate, or apply effects to the wordmark beyond its standard drop-shadow glow. Don't crop the mark within a shape.
Each vault type is a distinct mason jar shape. Jars — not folders, not clouds, not padlocks. The shape communicates that something is sealed, organic, and worth preserving. Each has its own color, proportions, and emotional register.
Personal
Solo reflections, private journals, individual time capsules
Sky Blue · Tall & SlenderGrove
Shared family or group vaults, multi-contributor memories
Gold · Wide & BulbousMilestone
Major life events — birthdays, anniversaries, achievements
Sage · Round & WideLegacy
Generational stories, heirlooms in words, letters to the future
Purple · Tall with Score LinesAll vault jars share the same structural vocabulary: a neck collar, a lid cap, a seed glow inside. The proportions and color differentiate them. Maintain this vocabulary in any new vault types added to the system.
DandyLine moves like a living thing — breathing, floating, blooming. Motion is never decorative. Every animation communicates something: presence, time, memory, waiting. All motion should feel slow, intentional, and organic.
Applied to all glass cards via .gb-gold, .gb-sky, .gb-sage, .gb-purple, .gb-oat. A slow box-shadow pulse that makes cards feel alive — like a held breath.
Background ember particles in the fixed ember field. Large, slow, ethereal. Each ember has staggered delays. Represents seeds drifting through time.
Elements with .reveal, .reveal-left, .reveal-right, .reveal-scale animate in as the user scrolls. Staggered children use 0.08s delay increments.
Never use sharp or mechanical easing (linear, bounce, elastic). All motion should feel like breath, water, or slow drift. When in doubt, slow it down and soften the curve.
Generous whitespace is a feature, not a lack of content. DandyLine breathes. Dense layouts violate the brand. These spacings are starting points — always err toward more, not less.
DandyLine speaks like a thoughtful person who has lived through something — not a startup, not a wellness brand, not a tech company. Quiet. Specific. Warm without being saccharine. Never loud.
Some things are worth waiting for. DandyLine makes sure they arrive.
A memory sealed today becomes something different when it opens in three years. That gap is where transformation lives.
Time isn't a feature — it's the medium.
Plant it now. Let it bloom when it's ready.
Most platforms store what happened. DandyLine controls when it arrives.
We're revolutionizing the memory space with cutting-edge time-delay technology! 🚀
Your memories deserve the best! Share your story today!
DandyLine is a comprehensive personal data management solution for preserving digital content.
Don't let your precious memories fade away — sign up NOW!
Our AI-powered platform leverages time-delay mechanics to optimize memory delivery.
Contrast rhythm: "Most platforms X. DandyLine Y." — Use this structure sparingly. It's powerful because it's precise. Overuse kills it.
Short declaratives: "Time isn't a feature — it's the medium." Sentence fragments are allowed when they land cleanly. Prefer short over long.
Botanical language: Plant. Seed. Bloom. Root. Vault. Jar. Grove. These are the native nouns. Tech jargon ("platform," "solution," "leverage") is discouraged.
Every verb in DandyLine is a ritual verb. Every noun is alive. Language is not UI copy — it's part of the product experience itself.
We plant, preserve, seal, and bloom. We do not post, share, upload, store, or go live. Every verb is a ritual verb. The language of nature runs through every interaction.
Seeds, not files. Memories are seeds. Vaults are gardens. The timeline is a garden path. Never "file," "content," "media," or "upload."
Notifications read like poetry. "A memory you planted years ago is ready to bloom." Never: "You have 3 unread memories." The pace of the product is the pace of the language.
The jar is never "storage." It is a vessel. A commitment. An heirloom. It holds something. It waits. It doesn't "back up" anything.
Time is active, not passive. "The vault waits" — not "the vault stores." "The memory travels" — not "the memory is saved." Time is the medium, not the container.
Vault labels are intentions, not filenames. "Open on your 18th birthday." "Open when you forgive yourself." "Open if I'm no longer here." "Open when you become a mother." "Open in 10 years." Never a filename. Never a folder.
The Seal is a ceremony, not a submit button. When a Gardener completes the planting ritual, the language is reverent and quiet. The confirmation reads: "Sealed. This seed is planted." No confetti. No celebration copy. No "Success!" modals. The jar animation closes, a gentle sound plays, the glow settles into a steady pulse. The act of sealing is a one-way door — the commitment IS what gives DandyLine meaning, and the copy has to carry that weight in three seconds. Never: "Done!" "Vault saved!" "Your memory is secured." Always: quiet gravity.
Theme, not skin. Visual day/night modes are Themes. The word "Skin" was retired 2026-05-02 to free it from collision with Bloom Mode (which is a Vault's reveal-experience layer — wedding timeline carousel, baby book page-flip, sobriety counter+gallery — not a visual coat of paint).
The Seed Packet is the staging ground. A Seed Packet holds Seeds a Gardener has captured but hasn't decided where to plant yet. Replaces "drafts," "inbox," and "saved-for-later" universally. A Seed in a Packet is unsealed, unscheduled, and waiting — Weather may gently nudge: "You have N Seeds in your Seed Packet — ready to plant?" Full concept doc: product-seed-packet.html.
Garden Almanac, Farmers Market, Gardener Account. Other settings-and-shell vocabulary additions: the Garden Almanac holds a Gardener's stats, milestones, and unexplored corners (replaces "Statistics"). The Farmers Market is where future trades and exchanges happen (replaces "Marketplace"). And it's Your Gardener Account — never "your account" or "your dandelion account."
Label patterns — brand voice plus a quiet clarifier. When a brand-vocabulary label might be unfamiliar on first encounter (Garden Almanac, Seed Packet, Held in Trust), pair it with a small lighter-weight line underneath in muted text — a one-phrase clarifier so the Gardener never feels lost. Example: Garden Almanac with "Your stats, milestones, and what to explore next" beneath. The brand stays intact; the friction disappears. Apply consistently across menus, settings, and first-encounter surfaces.
These aren't preferences. These are the things that break the brand. When something feels off about a DandyLine execution, it's usually one of these.
All text is var(--cream) / #F5F0E8 — warm, never clinical. Pure white reads as cold and sterile against DandyLine's warm dark palette.
System fonts, serifs, and display fonts all violate brand consistency. Even Google Fonts alternatives are not permitted. One font family only.
SemiBold (600) is the absolute maximum. Bold text reads as shouty and contradicts the brand's quiet confidence. Use Medium (500) for emphasis in body text.
DandyLine is a dark-background brand. Do not create light-mode versions. The contrast between deep background and glowing accents is the aesthetic.
Not in headlines, body copy, or UI labels. Emojis break the brand voice immediately. The exception: internal materials and casual social formats only.
Linear, bounce, and elastic curves violate motion principles. All animation should feel organic and breath-like. If it twitches, it's wrong.
"Platform," "solution," "leverage," "AI-powered," "cutting-edge" — none of these belong here. DandyLine speaks like a thoughtful human, not a startup pitch deck.
"Don't miss out," "Limited time," "Sign up NOW" — urgency language betrays the brand's core promise. DandyLine is about patience, not pressure. The call to action is always an invitation.
The dandelion mark is canonical and renders only via brand-icon.js. Hand-rolled CSS dots, pseudo-element approximations, or any homebrew mark drift breaks identity. Locked 2026-05-02 — caught in SCRATCH-restyle-preview Q2 footer attempt that bypassed the renderer. If the canonical icon won't fit a context, fix the context — never fake the mark.
The "DandyLine" wordmark uses split-weight treatment: Dandy at 700 in gold + Line at 400 in faded cream. Setting the entire word to one weight (especially 800+) reads as a sports-brand wordmark, not the quiet identity the brand carries everywhere else. Locked 2026-05-02. Reference the canonical pattern in site-landing.html nav.
Italic + gold + center-aligned on a tagline turns it into Hallmark territory. The brand voice is quiet gravity — the gravity comes from restraint, not decoration. Taglines render upright, in cream or muted text, never italicized as decoration. Italic is reserved for genuine emphasis or annotation in body copy, not as a styling layer on brand-line text. Locked 2026-05-02 (Restyle Q2 footer treatment).
These guidelines are one layer. The why behind every decision lives in the Brand Ethos — and the brand in action lives in the Ad Ideas.