Woohl
Back to Brand Hub
Typographic Craft & Voices

Two intentional voices. One unified spirit.

Woohl balances editorial soul with product utility. System A is engineered for brand storytelling, media campaigns, and cultural moments. System B provides crisp legibility and high information density across storefront and app interfaces.

Interactive Specimen Lab

Test custom copy or sample presets to evaluate scale and optical rhythm.

36px
Presets:
Schibsted Grotesk (System A — Display & Editorial)font-sans

Commerce, crafted for independent makers and verified creators.

Playfair Display Italic (System A & B — Signature Accent)font-serif italic

Commerce, crafted for independent makers and verified creators.

Nunito Sans (System B — Primary Product Interface)font-ui

Commerce, crafted for independent makers and verified creators.

JetBrains Mono (System A — Data & Specs)font-mono

Commerce, crafted for independent makers and verified creators.

System A

System A · Editorial & Brand

Campaigns, marketing landing pages, social media, editorial stories, press & decks.

Schibsted GroteskGoogle Fonts

Primary Editorial Sans

Regular 400 · Medium 500 · Bold 700 · Black 800

Playfair Display (Italic)Google Fonts

Signature Accent Line & Pull Quotes

Italic 400 · Italic 500

JetBrains MonoGoogle Fonts

Data, Code, Timestamps & Order Specs

Regular 400 · Medium 500

System B

System B · Product UI

Storefront web app, customer portal, seller dashboard, and admin interface.

Nunito SansGoogle Fonts

Primary UI & Body Copy

Regular 400 · SemiBold 600 · Bold 700

Playfair Display (Italic)Google Fonts

Secondary Accent (Hero Highlights only)

Italic 500

Typographic Principles & Guardrails

Rules to maintain hierarchy, readability, and visual authority.

Baloo 2

Drawn Logo Only

The wordmark was drawn from this typeface. It is strictly a drawn vector mark and is never used as live copy or layout font.

Satisfy

1 Decorative Word Max

Casual cursive highlight. Restricted to a single decorative word maximum once per page. Never for titles or UI.

12px Floor

No Sub-12px Rendering

Never render any label, metadata, or caption below 12px anywhere across marketing or product.