NavoSee Bench

Working direction · 0.1

One Navo.
Every screen.

A starting point for a consistent website. We’ll refine it as we see what feels right.

01

Start with the mark.

Approved Navo monogram
Navo

The existing white NV mark, with room to breathe. The same mark on the home page, Bench, and the browser icon.

Transparent. Unchanged. No extra effects.
02

One font. Clear roles.

Geist throughout. Size and space create hierarchy; weight has a specific job.

Headings · 600

Make the story matter.

Body · 400

Plan the shot. Choose the model. Keep what works.

Controls · 500

Compare all scores

Numbers · 500

83%

Sample value
03

Color with a purpose.

Dark neutrals do most of the work. Purple guides action. Mint marks confirmed success.

Canvas

Space for the work

#0B0C0F

Surface

Groups and panels

#15161B

Action

The next step

#7353E8

Evidence

Confirmed success

#51DCC0
04

The same small details.

Quiet surfaces. Clear actions.

Consistent corners, spacing, borders, and touch targets. No thin headings next to heavy buttons.

See it on Bench
Body text
16 px
Small labels
14 px
Touch targets
44 px minimum
Control / panel corners
12 / 16 px
Spacing rhythm
4, 8, 12, 16, 24, 32
Navo homeExplore sample results