Style Guide
Every color has a job.
The colors, type and buttons used across User Experience Consulting, LLC. Click any swatch to copy its hex.
Brand
Core brand colors
Aubergine leads. Berry and apricot carry the banner gradient, honey softens, and the two greens mark success.
Aubergine
Primary. Headings, form and save buttons, the base of every banner.
Berry
Secondary accent and the middle of the banner gradient.
Apricot
Warm accent and the start of the banner gradient.
Honey
Highlights and soft tints.
Leaf
Success states and positive badges.
Forest
Green text on light backgrounds.
Case studies
Linen colors
Nine soft linen tones used in every case study. Each study leads with one color for its banner and deep bands, on light linen sections.
Clay
Leads Account Management.
Apricot Linen
Leads Custom File Transfer.
Ochre
Leads Custom Film Booking and Myxer.
Olive
Leads Operations Improvement.
Fern
Leads QWunder.
Sage
Leads Licensee Forecasting.
Petrol
Leads Facial Recognition.
Sky
Leads Custom Billing and DoSomething.org.
Dusty Rose
Leads Digital Asset Management and Cloud Video.
Interface
Action colors
Cobalt
Calls to action: book a call, sign in, send.
Cobalt Deep
Hover state for calls to action.
Sub-footer Orange
Footer wave and the text on locked case-study buttons.
Type
Typefaces
Headings · Alata
Clear work, kept simple.
Body · Source Sans 3
Body copy, labels and forms. Easy to read at every size, on every screen.
Accent · Ripon Script
Warmly, Dasha
Buttons
Two button roles
Cobalt invites the next step. Aubergine saves or submits inside a form.
