<!-- SPDX-License-Identifier: MIT -->
<!-- SPDX-FileCopyrightText: 2025-2026 Marcus Quinn -->

# Startup Bold — Visual Theme & Atmosphere

Startup Bold is an energetic, high-confidence design system built for products that need to capture attention fast and convert. It channels the urgency of launch-day energy, the optimism of well-funded startups, and the visual clarity of products that know exactly what they are. Colour is strong, type is big, and every element competes for the user's next click.

The palette centres on a rich indigo primary with an electric emerald accent — two colours that create natural visual hierarchy when used together. Backgrounds are clean whites with strategic use of soft tinted sections to break up content. Components are bold and rounded (12px radius standard), with solid colour fills rather than outlines or ghosts. The system favours high contrast and dense visual weight — lightweight elements feel out of place here.

Layout is structured and rhythmic. A clear grid with consistent spacing creates a sense of reliability, while large typography and bold CTAs create urgency. Whitespace is purposeful: enough to let elements breathe, never so much that the page feels empty. Motion is confident — elements arrive with purpose, not with flourish.

**Key characteristics:**

- **Mood:** Energetic, confident, optimistic, trustworthy, fast
- **Background:** Clean white `#ffffff` with soft surface tints
- **Signature colours:** Indigo `#4f46e5` (primary), Emerald `#10b981` (accent)
- **Typography feel:** Bold sans-serif, large headings, strong hierarchy
- **Corner treatment:** Rounded — 12px default, 16px for larger containers
- **Border style:** Minimal — solid colour and background shifts over borders
- **Shadow approach:** Clean neutral shadows, medium diffusion
- **Density:** Medium — structured and rhythmic, not cramped or sparse
- **Motion:** Confident — 200–300ms ease-out, purposeful entrance animations
