01
Clear before clever.
Cadence should sound sharp, but never evasive. The work is serious enough that the language does not need to perform.
Brand
A working guide for how Cadence Lab should look, sound, and behave across the website, tools, writing, client materials, and public-facing systems.
This page is intentionally separate from the main site. The marketing site explains the work. The brand page defines the system behind the work.
Foundation
01
Cadence should sound sharp, but never evasive. The work is serious enough that the language does not need to perform.
02
The visual system should feel calm and enterprise-ready, but not generic, sterile, or template-driven.
03
Every design decision should support rhythm, hierarchy, readability, navigation, or decision-making.
Guide sections
Voice
Cadence should sound like a senior operator explaining the real issue: direct, useful, restrained, and clear about tradeoffs. The tone can be memorable, but it should not sound theatrical.
Use
Say what is happening, why it matters, and what changes next.
Avoid
Avoid vague transformation language, false urgency, and AI hype.
Logo
Add logo lockups, spacing rules, minimum sizes, clear space, favicon, light/dark usage, and incorrect usage examples here.
Color
var(--color-black) #F3F1E8 #48D83F Typography
Primary sans
National 2 + Tiempos
Cadence uses National 2 for structure and Tiempos for editorial emphasis. The point is contrast and rhythm: National 2 keeps the system clear, while Tiempos gives major headings an editorial voice.
UI / body: National 2
Display headings: Tiempos Headline
Long-form text: Tiempos Text for essays and editorial pages when a warmer reading texture is needed.
Layout
Define section spacing, grid behavior, card density, responsive rules, dark/light alternation, and footer/header rhythm here.
UI
Buttons
Buttons should be direct, high-contrast, and limited to meaningful choices.
Cards
Cards should organize ideas, not decorate the page.
Content
Add headline patterns, service copy rules, blog structure, disclosure language, case study structure, and AI tool microcopy here.
Usage
Add usage rules, do/don’t examples, social avatar guidance, document templates, and implementation notes here.