Internal Resource

Style Guide

A comprehensive guide to the John Adams Inquirer design system, including colors, typography, components, and usage guidelines.

Theme Preview

Toggle between light and dark themes to preview all components

Color Palette
The John Adams Inquirer uses a bold red primary color symbolizing urgency and justice, with neutral grays for readability and professionalism.

Primary Colors

Primary

oklch(0.6 0.25 25)

#dc2626 equivalent

Primary/80

80% opacity

Primary/50

50% opacity

Primary/20

20% opacity

Semantic Colors

Background

Page background

Card

Card surfaces

Muted

Subtle backgrounds

Secondary

Secondary actions

Status Colors

Critical

Trust Score 0-25

Warning

Trust Score 26-50

Caution

Trust Score 51-75

Good

Trust Score 76-100

John Adams Inquirer Style Guide • Last updated January 2026