Brand Specimen
The canonical visual identity for all Verdigris surfaces. Typography, color, spacing, and brand qualities rendered live from design tokens.
Brand Tone
Typography
Color
Canonical values in OKLch. All other formats (HSL, hex, RGB) are generated by the build pipeline.
Full hue loop: Teal → Purple → Red → Yellow → Teal. 16 stops, interpolated in OKLch for perceptual uniformity.
Color Usage
Which color comes from the palette semantics. How much comes from the section's importance. Color gives text room to breathe.
Composed
Persuade x web page. Six narrative roles at full fidelity: hook, context, evidence, turn, proof, close. All values from tokens.
Surfaces
Purpose x surface composition matrix. Each cell has rules in YAML. Cells with visual specimens are rendered below.
Specimen = rendered below. See above = integrated specimen in previous section. Rules only = YAML rules, no visual render. Physical = not renderable in HTML. - = not applicable.
Spacing
Accessibility
For Partners
Hex values for print, email, and Figma
npm install @verdigristech/design-tokens
Import from hex/colors.json · Pantone: PMS 3262 C
OKLch (modern) or HSL (legacy) custom properties
@import '@verdigristech/design-tokens/css/oklch'
Drop-in preset for Tailwind CSS projects
import preset from '@verdigristech/design-tokens/tailwind'
Load via Google Fonts (free, OFL licensed)
Inter 400-700 · Lato 700 · JetBrains Mono 400
Recovered canonical SVG lockups for light and dark surfaces.
assets/logos/brand/logo-green.svg
assets/logos/brand/logo-white.svg
Recovered canonical marketing-site banner defining approved Verdigris brand treatment.
assets/banners/verdigris-banner.avif