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

# Agency Techie — Visual Theme & Atmosphere

Agency Techie is a dark-mode-first design system built for teams that ship code. It draws its visual language from terminal interfaces, IDE colour schemes, and the dense information architectures of developer tooling. Every element is designed to feel precise, functional, and fast — the digital equivalent of a well-configured workspace.

The palette anchors on near-black surfaces with bright cyan as the primary signal colour, creating a high-contrast environment that reduces eye strain during long sessions while keeping interactive elements unmistakable. Typography leans on monospace accents for data, labels, and code-adjacent content, paired with a clean geometric sans-serif for prose. The overall effect is technical authority without coldness.

Layouts are tight and information-dense. Whitespace is intentional but never wasteful — every pixel earns its place. Corners are sharp (4–6px radius), borders are thin and structural, and shadows are subtle glows rather than diffuse lifts. Motion is minimal and purposeful: state transitions, not spectacle.

**Key characteristics:**
- **Mood:** Precise, technical, authoritative, focused
- **Background:** Near-black `#0d1117` with layered dark surfaces
- **Signature colour:** Bright cyan `#22d3ee` — used sparingly for maximum signal
- **Typography feel:** Monospace-accented, tight, information-dense
- **Corner treatment:** Sharp — 4px default, 6px max for containers
- **Border style:** Thin (1px), structural, `#1e293b` default
- **Shadow approach:** Subtle cyan-tinted glows on interactive elements
- **Density:** High — compact spacing, small base font sizes
- **Motion:** Minimal — 150ms ease-out transitions on state changes only
