Workhorse//Brand book/v0.2.0
Brand Standards Manualv0.2.0 · 2026-10-22
Conspicuous
Document
ClientConspicuous
Issued2026-10-22
Versionv0.2.0

A top-of-the-line multimedia social network.

Contents
  1. 1.0Logo§
  2. 2.0Color§
  3. 3.0Typography§
  4. 4.0Design System§
1.0Logo2.0Color3.0Typography4.0Design Systemspec.mdspec.jsondata view
1.0 LogoConspicuous · Brand Standards
1.1

Marks

Original
Original
Original
Original
2.0 ColorConspicuous · Brand Standards
2.1

Palette

Select any step to copy its hex. The widest step in each ramp is the working default.

Base

11 steps
2.2

Semantic roles

The palette mapped to intent. Values are copyable.

Semantic roles13 tokens
3.0 TypographyConspicuous · Brand Standards
3.1

Typefaces

Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
primaryMaison Neue
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
monoMaison Neue Mono
3.2

Hierarchy

Every role stacked the way it ships.

Hierarchy in use2 roles
PrimaryMaison Neue
The quick brown fox jumps over the lazy dog.
Interface and editorial text
MonoMaison Neue Mono
The quick brown fox jumps over the lazy dog.
Counts and technical data only
4.0 Design SystemConspicuous · Brand Standards

Foundations / Spacing

Spacing

The brand's spacing scale and container widths. Mono-keyed for scan, not for memorization.

Scale

31 steps
00
14px
28px
312px
416px
px1px
520px
624px
728px
832px
936px
1040px
1144px
1248px
1456px
1664px
2080px
2496px
28112px
32128px
36144px
40160px
44176px
48192px
52208px
56224px
60240px
64256px
72288px
80320px
96384px

Foundations / Radius

Radius

Corner-radius tokens. Small UI sharp. Large surfaces soft. Pills and avatars full.

sm
0.25rem
md
0.5rem
lg
0.75rem

Foundations / Motion

Motion

Durations and easings. Conservative product-UI motion. Quick hovers, gentle transitions, no theatrics.

Duration

2 durations
fast
140ms
standard
220ms

Easing

1 curves
default
500ms

Components

Component library

A token-driven component set. Every component reads from the brand scope above. Swap the brand and the same components reskin without code changes.

Button

Six variants (primary, secondary, accent, neutral, ghost, outline), three sizes, default and pill shapes.

Tokens
--primary--secondary--accent--radius-md--radius-full--font-primary
Variants
Sizes
Shape
State

Input

Text input, textarea, and label. Standard size scale with hover and focus states tied to the primary token.

Tokens
--primary--base-300--background--foreground--radius-md
Sizes
State
With label

Card

Default, soft, and outlined surfaces. Composable header, body, and footer regions.

Tokens
--background--base-100--base-200--base-300--radius-lg

Default

Standard surface for product UI. Sits on the base background with a subtle border.

Soft

A muted variant for secondary content. Reads as supporting, not primary.

Outlined

Transparent background with a defined edge. Good for placement over decorated surfaces.

Badge

Status indicators and chips. Pulls from brand and status tokens for semantic meaning.

Tokens
--primary--accent--success--warning--danger--radius-full
Brand
PrimarySecondaryAccentNeutralSoft
Status
InfoSuccessWarningDanger
Size
SmallMedium

Avatar

Image or initials, four sizes, optional brand tone for placeholder fills.

Tokens
--primary--secondary--accent--neutral--radius-full
Sizes
HL
CL
EA
YL
Tones
P
S
A
N

Tabs

Underline and pill variants. Active tab uses the primary token; inactive tabs sit at 60 percent foreground.

Tokens
--primary--foreground--base-100--base-300
Underline
Active lesson workspace.
Pill
Home view content.

Patterns

Composed patterns

Pattern assemblies for conspicuous land in the next phase. The Foundations and Components above are the ingredients. Patterns combine them into navigation, account, and dashboard surfaces specific to this brand.

In progress

Screens

Real screens

Production-shaped screens for conspicuous land in the next phase. The editorial chapters above already carry the applied side; screens here will be the rendered counterparts.

In progress
Conspicuous · Brand Standards Manual · v0.2.0 · reconstructed from the Figma brand guideFor agentsspec.mdspec.jsonllms.txtdata view