Style Guide
This style guide provides a comprehensive overview of the visual design system for kenny-kane.com, focusing on brand colors and typography.
Color Palette
The color palette defines the visual identity of kenny-kane.com. It balances a bold blue accent against near-black and off-white tones, creating a clean, professional, and modern aesthetic.
Primary Colors
Primary colors are the most frequently used across the site, forming the core of the brand identity.
Primary Blue
Hero headlines, primary buttons, section headings, and key interactive elements.
Near Black
Body text, dark section backgrounds, and headings on light backgrounds.
Off White
Site background, text on dark sections, and card surfaces.
Secondary & Accent Colors
Supporting colors that complement the primary palette. Used for accents, secondary UI elements, and to create visual depth.
Dark Slate
Secondary text, descriptive copy, and subtle UI elements.
Light Blue
Secondary buttons, accent backgrounds, card borders, and decorative highlights.
Blue Tint
Translucent section backgrounds and soft accent overlays.
Typography
The site pairs Crimson Text, a classic serif, for headings with Inter Tight, a modern geometric sans-serif, for body text. This combination creates a warm yet professional typographic hierarchy.
Crimson Text
abcdefghijklmnopqrstuvwxyz
0123456789
Inter Tight
abcdefghijklmnopqrstuvwxyz
0123456789
Typographic Scale
Font sizes, weights, and styles used across the site for each heading level and text element.