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
OverviewBrand essenceCore content strategyPrinciples
Words
OverviewLexiconStyleVoice and tone
Design
OverviewColoursComponentsDevice screenshotsLayoutsTypography
Code
OverviewAstro componentsContent modelCSSImagesTokensUtilities
Contentious

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.