Nuvi design system · v1.0

Clarity, shaped into a system.

A flexible Bootstrap foundation with bespoke brand geometry, financial components, accessible states, and a calm visual rhythm.

Identity concepts

Three directions were explored. The Perspective Planes symbol is the selected identity because it expresses a new viewpoint and forward motion at small sizes.

nuvi

A · Cut-vertex wordmark

nuvi

Selected · B

Perspective Planes

C · Connected N/V monogram

Logo use

Keep clear space equal to the inner white plane on every side. Minimum symbol size is 20px digital or 6mm print. Minimum horizontal logo width is 96px.

Incorrect use

Do not rotate, stretch, outline, or recolor the mark.
Do not place it on low-contrast or busy imagery.
Do not separate or rearrange the two planes.
Do not add banking symbols, arrows, or effects.

Meaning: two viewpoints align into a clearer path forward.

Color & type

Nuvi Blue
#1856E8

Midnight Navy
#10213A

Electric Blue
#4B8AFF

Ice Blue
#EEF4FF

Slate
#64748B

Success
#168568

Manrope

Display typography uses confident, compact geometry.

DM Sans

Body typography stays open and highly legible across dense financial interfaces.

12 · 14 · 16 · 18 · 24 · 32 · 48 · 72

Core components

Actions

Status

Approved In review Action needed

Forms

Loan purpose

Amount

Loan offer

Recommended

$380.39 /mo

48 months · 11.12% APR