TEMPLATE / STYLE GUIDE

A shared language.

The building blocks of NUVREN. Change global styles to make this template your own.

01 / COLOUR

ivory / #F3F1E9

ink / #191B17

acid / #DFFF00

muted / #62665B

soft / #C0C4B6

coral / #D94B33

02 / TYPOGRAPHY

H1 / SPACE GROTESK

A different perspective.

H2 / SPACE GROTESK

Room for possibility.

H3 / SPACE GROTESK

Good questions come first.

Made with intention.

An independent point of view.

THE DETAILS MATTER.

Instrument Serif / a more expressive voice.

03 / RICH TEXT

A paragraph gives an idea room to develop. Keep a comfortable reading width, use a clear hierarchy and let the content set the pace.

An inline link with a clear destination ↗

Start with curiosity.
Make something meaningful.
Keep refining.

Discover the opportunity.
Build the direction.
Bring it to life.

“Good design leaves room for discovery.”

FIG. 01 — FORM STUDIES / ORIGINAL CONCEPT ARTWORK.

04 / ACTIONS & FORM FIELDS

Primary action

Accent action

Secondary action ↗

Email address

Your email address

05 / SPACING & LAYOUT

Desktop: fluid page gutters. 32px grid gap.
Mobile: 24px page gutters. Stacked content.
Spacing tokens: 8 / 16 / 24 / 32 / 48 / 64.

REUSABLE SECTIONS

A flexible page library.

Use NUVREN Ways To Work for engagement models and NUVREN Frequently Asked Questions for native accordion content. The new page sections reuse the Ivory, Ink and Acid palette with Space Grotesk and Instrument Serif. Their classes begin with fm-section, fm-offer, fm-engagement, fm-faq, fm-studio, fm-brief and fm-author.

View service sections ↗View studio sections ↗