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.
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.
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.