Design System

Now Media
Group

A brand and UI system for Now Media Group — tokens, components, and an accessible color system built to carry one San Diego agency across every website, pitch, and campaign.

Figma Design Tokens Components Accessibility Documentation

Client

Now Media Group

Category

Design System

Platform

Figma

Deliverable

Brand & Component Library

Real results,
by design

Now Media Group is a San Diego agency that grows dental, medical and small-business brands online. I built one brand and UI system to carry it across every website, pitch and campaign.

It starts from the logo: two stems in blue and navy build the N, and the orange corner at its top left becomes the system's one decorative device. From there come 23 color tokens, 11 type styles in Jost and 9 components shaped around what the agency sells. An audit of the live site found two brand color pairings below WCAG AA; the fixes keep every brand color and change only what sits on top of it.

Now Media Group brand and UI system cover: Real results, by design
The N and its spark: logo construction, variants and usage rules
Energy, trust, action: Now Blue, Navy and Spark with tints and neutrals
Jost type scale from display to button labels
Components built to sell results: buttons, result stats, case study and service cards
Accessibility before and after: contrast fixes from 2.59:1 to 5.15:1

The system,
in use

The system in use: the live Now Media Group homepage on desktop
The system on the phone: homepage, case study and contact form
Day and Navy Night themes side by side

The homepage,
end to end

The Now Media Group homepage design, first half: hero, client logos, calls to action and successful cases The Now Media Group homepage design, second half: featured services, call to action, contact form and footer

The system,
by the numbers

23

Color tokens

11

Type styles

9

Components

2

Themes, AA

Other cases you might like

Ready to start a new project?