Back to site

    FutureHabits.Tech

    Brand Style Guide

    1. Brand Overview

    Brand Name:FutureHabits.Tech
    Tagline:"From ideas to market"
    Mission:We build the habits of tomorrow. Rapid speed-to-market. Zero fluff. Just products that solve real problems.

    2. Color Palette

    Ink (Primary)

    #201c32

    HSL: 252, 22%, 15%

    Blush (Background)

    #fffafb

    HSL: 350, 100%, 99%

    Rose (Accent)

    #c6747c

    HSL: 354, 42%, 62%

    3. Gradients

    Primary Gradient

    135 degrees from Ink (#201c32) to Rose (#c6747c)

    Hero Gradient

    Radial gradient with Rose glow at 20% 10%, Ink at 80% 30%, on Blush base

    4. Typography

    Font Family

    Inter

    Google Fonts: fonts.google.com/specimen/Inter

    Weights

    Regular (400): Body text, descriptions

    Medium (500): Subheadings, labels

    Semi-bold (600): Section headers

    Bold (700): Headlines, CTAs

    Prohibited Characters

    • No em dashes: use hyphens (-) instead
    • No en dashes: use hyphens (-) for ranges
    • No arrows: use colons (:) or periods (.)

    5. Spacing and Layout

    ElementValueTailwind Class
    Card Border Radius16pxrounded-2xl
    Button Border Radius12pxrounded-xl
    Section Vertical Padding112pxpy-28
    Container Max Width1240pxmax-w-screen-2xl
    Base Radius Variable0.75rem (12px)--radius

    6. UI Components

    Cards

    Example Card

    White background, subtle border, soft shadow on hover.

    Properties: bg-card, border-border, rounded-2xl, shadow-soft

    Buttons

    Tags

    Example TagAnother Tag

    Properties: 10% accent background, 25% accent border

    7. Brand Voice Guidelines

    • •Professional and outcome-focused: Emphasize results over process
    • •Avoid tech jargon: Speak in terms users understand
    • •Primary CTA: "Let's Talk" for main conversions
    • •Key phrases: "Zero fluff", "From ideas to market", "habits of tomorrow"
    • •Tone: Confident but not arrogant, helpful but not preachy