Design System & Brand Tokens Specification

Editorial Design System & Style Guide

Modeled on newspaper structure with strong typographic hierarchy, 1px rules, generous whitespace, solid black character illustrations, and a calm soft lavender background panel.

[!] Typography Licensing Handoff Note

The New York Times uses proprietary typefaces (Cheltenham, Imperial, Franklin Gothic) licensed commercially through Monotype. This design system uses free, high-quality open-source substitutes: Newsreader for serif headlines/body copy and Libre Franklin for UI labels and captions. If the client requires the exact NYT proprietary faces, commercial licenses must be purchased and the CSS font token variables updated.

1. Strictly Scoped Color Tokens

#000000

--ink

Primary Ink / Black

All text, rules, buttons, and character illustrations

#FFFFFF

--paper

Pure Paper White

Clean background and inverse button copy

#DDD6F7

--lavender

Soft Lavender (Palantir Reference)

Flat fill only. Quiet background for hero & select feature panels

#000000

--rule

Primary Rule (1px)

Single-pixel black editorial column & section dividers

#E5E5E5

--rule-light

Secondary Divider

Subtle light grey divider for secondary metadata

2. Lavender Hero Panel & Fine Isometric Backdrop

Palantir Reference Panel Test

Surgical Legal Precision for Trademarks, DEA Audits & 501(c)(3) Status.

Flat soft lavender background (#DDD6F7) paired with fine black line-art illustration and square-cornered black buttons.

3. Typographic Hierarchy & Readable Measure

Kicker Line

Intellectual Property & Regulatory Practice

Headline (Large & Confident)

Law Firm Without The Generic Navy Blue Suit Aesthetic.

Deck Copy

Any lawyer can offer trademark registration and tax-exempt filings. People choose Etah Akoh & Company because our work is memorable, confident, and human.

Body Paragraph (18-20px, 1.55 Line Height, 68ch Measure)

We handle multi-jurisdiction trademark clearance across the USPTO, EUIPO, CNIPA, and OAPI with zero legalese and total transparent flat-fee pricing. Every sentence says something concrete about a real legal service.

4. Buttons (Square Corners, Black & White Only)

Primary Button

bg-black text-white 0px radius

Secondary Outline

border-black bg-white 0px radius

Focus / Active State

outline 2px black

5. Solid Black Character & Illustration Motifs

Each service vertical features its own character or illustration motif in solid black line and fill, ensuring verticals differ in personality while remaining in one cohesive black-and-white family.

Trademark & IP

IP Owl Sentinel inspecting ® mark

Controlled Substances

Clinical Vault & DEA Shield

501(c)(3) Tax-Exempt

Shelter & NGO Star Seal

Federal Liquor

TTB Barrel & Stamp Seal