Contentious
style

A brand and design system. A living guide to how we create and communicate. These pages document our essence, design patterns, code components and writing standards.

Foundations

Overview Brand essence Core content strategy Principles

Words

Overview Lexicon Style Voice and tone

Design

Overview Colours Components Device screenshots Layouts Typography

Code

Overview Astro components Content model CSS Images Tokens Utilities

Contentious is a content-led strategy practice (with notable digital and design nous) for mission-driven organisations.

Style guide / Code

Code

Astro components, CSS variables, and implementation patterns for building pages.

Astro components

Reusable components like PageHero, ServiceSection, and TwoColumnSection with props documentation.

Content model

How content is structured: collections, key fields, references, and conventions for querying and images.

CSS

Where styles live, how tokens work, and guidance for adding new CSS.

Images

The responsive image system, optimisation, and the getImage utility.

Tokens

Design tokens, CSS custom properties, and the responsive type system.

Utilities

Helper classes like .large, .larger, and other utility patterns.