The Ethical Agency

Web Dev Style Guide

The single source of truth for TEA's web styling — tokens, components and page templates. Link tea-styles.css once and build from these patterns.

Every token and component with copy-ready code.

Blog/article template with hero, quote and related cards.

Resources grid with search, filters and pagination.

Team cards with expandable bios.

Centred auth template built from form components.

Contrast results for every colour pairing.