GrowCadence Brand Guidelines
Our brand system represents organic reach expansion and structured, rhythmic delivery. Explore our design tokens, logo rules, typographies, and messaging principles.
Guidelines Index
Need custom layouts?
Our design system is fully tokenized and works out-of-the-box in Figma and Tailwind.
1. Brand Essence
The name GrowCadence represents two parallel forces: the organic, infinite compounding of growth (Grow) paired with the rigorous, structured pacing of calendar scheduling (Cadence).
The Growth Force
Organic, modern, and vibrant. This aspect of the brand is expressed through our Signal Teal and Emerald gradients, signifying upward trajectory, audience reach, and value compounding.
The Cadence Force
Structured, structured, and predictable. Expressed through strict timetables, mono-spaced data metrics, Slate Primary accents, and a tidy calendar layout.
2. The Brand Logo
The GrowCadence brand mark is a dynamic vector representing organic expansion and rhythmic timing. It is composed of three climbing columns styled as rounded pill nodes that morph into an ascending cadence wave, topped by a bright highlight dot symbol.
- ✓Provide at least 24px of clear padding around all sides of the mark.
- ✓Use the original Signal Teal gradient version against white or off-white.
- ✓Render in pure white exclusively on deep slate or dark backgrounds.
- ✗Do not rotate, sheer, or distort the vector aspect ratio.
- ✗Do not color the text with alternative unapproved brand gradients.
- ✗Never substitute the ascending cadence curves with basic stock bar charts.
3. Color Palette
Our palette is designed to look crisp, modern, and professional. We pair vibrant, high-contrast digital greens with safe, humble slates and clean alabaster backdrops.
Signal Teal
Primary brand mark, main buttons, active links, and brand anchors.
Vibrant Emerald
Secondary gradient step, growth highlights, success states, and metrics.
Mint Accent
Blossom dots, micro-highlights, badge borders, and focus accents.
Slate Primary
Main display typography, primary headers, and deep branding cards.
Slate Light
Body copy, descriptions, helper labels, and secondary indicators.
Alabaster White
Background canvas, section boundaries, and modern container fills.
4. Typography
Typography is the core of our editorial identity. We use a high-contrast serif/sans balance to establish a hierarchy that feels robust, technical, and clean.
Inter Sans (Default Display)
system-ui, sans-serif
Aa Bb Cc Dd Ee Ff
Used for primary headings, screen titles, features, pricing grids, and action items where maximum impact and readability are needed.
JetBrains Mono
var(--font-mono), monospace
08:00 UTC [SLOT_ACTIVE]
Used for timetables, status codes, dates, badge elements, metrics, analytics figures, and direct structural layout coordinates.
5. Voice & Tone
GrowCadence communication is structured, direct, and factual. We do not use hype, sales clichés, or complex terminology. We focus purely on visual utility and scheduling results.
Humble Authority
Explain exactly what the system does. No marketing fluff or self-praising adjectives like 'revolutionary' or 'magic.' Just functional clarity.
Symmetric Clarity
Structure documentation with balanced lists, specific terminology (e.g. 'queue slots', 'timetables', 'workspaces'), and direct declarations.
Privacy-First
Acknowledge limitations and boundaries transparently. Build confidence by detailing secure API pipelines instead of promising 'instant viral reach.'