Shelby
Cacao and neon pink. A dark, rich canvas illuminated by electric, playful accents.
Shelby presents as a bold, almost playful take on enterprise software, fusing a deep, rich cacao-brown with a vibrant, energetic hot pink. This highly chromatic palette creates a high-contrast experience, where text and key elements pop dramatically. The use of custom, strong sans-serif typography paired with a monospaced font reinforces a technical yet approachable identity, while sharp corners are softened by occasional, deliberate slight rounding, hinting at precision within expressiveness.
⚡️ Build with this templatehttps://shelby.ashfall.studioColor Palette
Typography
Heading: inherit
Body: inherit
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
# Shelby — Style Reference > Cacao and neon pink. A dark, rich canvas illuminated by electric, playful accents. Theme: dark Shelby presents as a bold, almost playful take on enterprise software, fusing a deep, rich cacao-brown with a vibrant, energetic hot pink. This highly chromatic palette creates a high-contrast experience, where text and key elements pop dramatically. The use of custom, strong sans-serif typography paired with a monospaced font reinforces a technical yet approachable identity, while sharp corners are softened by occasional, deliberate slight rounding, hinting at precision within expressiveness. ## Colors | Name | Value | Role | |------|-------|------| | Shelby Cacao | `#322312` | Primary background for dark sections, primary text on light surfaces, borders in specific contexts. | | Shelby Rose Dust | `#FFDFEF` | Light background for sections, text on dark backgrounds, secondary button backgrounds. | | Shelby Hibiscus Pink | `#FF77C9` | Primary brand accent, main interactive element color (buttons, links), key headlines. Establishes brand energy and focus. | | Shelby Plum | `#470B64` | Subtler background for elevated sections and card surfaces within dark modes. | | Shelby Mauve | `#FFC2E1` | Subtle card backgrounds, decorative elements, muted text. | | Shelby Lavender Mist | `#EEE2FF` | Subtle button text and border color for specific dark-mode buttons. | | Shelby Deep Rose | `#481D2A` | Muted background within dark sections, used for specific icons or less prominent borders. | | Shelby Steel Grey | `#5B4F41` | Subtle border color for non-interactive elements. | ## Typography | Family | Role | |--------|------| | Times | Times — detected in extracted data but not described by AI | | GT-Planar | Headlines and primary body text. Its subtle weight variations and precise letter-spacing give it a technical yet approachable feel. | | SuisseIntl | Navigation links and secondary interface elements. Provides a clean, modern contrast to GT-Planar. | | ABCReproMono | Specific badge text, code snippets, and fine print. Its monospace nature conveys precision and technicality. |