Brand OS · v4.1 · Messaging, Visual & Graphics

The Look

Screen & Tool Patterns

TL;DR

The building blocks behind our internal tools and apps. Build these once and every screen inherits the look.

01

The building blocks

Campaign intake

One clear task, one owner, one place to make the call.

Card

White or panel fill, 2px ink border, ink offset shadow about 8px, no radius. The container for a tool screen.

Primary button

Orange fill, white bold Poppins label, 8px ink offset shadow, often an arrow. One per screen.

Ghost button

White fill, 2px ink border, ink label.

Choice buttons

Big full-color option buttons, white bold label, ink offset shadow. Use a different white-text fill per option: navy, green, or ink. Baby blue is not a button-label fill.

Input

White fill, 2px ink border, no radius.

02

The non-negotiable

Shadows and borders are always ink #0b0e14, never pure black. Product and tool UI keeps marker slabs straight. Marketing and hero moments may tilt them about two degrees. Never mix both treatments in one view.