Colour Lab

Hero & menu variants for review

Five inline mock-ups of the top of a Netos page, each with a different hero panel and top-nav treatment. The real site nav is rendered above this content so it stays as a fixed reference point. Pick a letter (A–E) and we'll lock it in across the site.

A

A — Current (very-light wash)

What's live today. Hero gradient: accent-100 → base-100. Nav: accent-50/95.

Netos
Schedule a Demo
The source of truth for enterprise networks

Run your network on evidence, not spreadsheets.

Netos unifies your inventory, contracts, and lifecycle data into a single source of truth your team can defend.

Schedule a Demo See the product
B

B — Stronger light gradient

Same family, more presence. Hero: accent-200 → accent-50. Nav: accent-100/95.

Netos
Schedule a Demo
The source of truth for enterprise networks

Run your network on evidence, not spreadsheets.

Netos unifies your inventory, contracts, and lifecycle data into a single source of truth your team can defend.

Schedule a Demo See the product
C

C — Navy hero, white nav

Inversion: bold navy hero with white text, crisp white nav above it. Hero: accent-800 → accent-700.

Netos
Schedule a Demo
The source of truth for enterprise networks

Run your network on evidence, not spreadsheets.

Netos unifies your inventory, contracts, and lifecycle data into a single source of truth your team can defend.

Schedule a Demo See the product
D

D — Sticky dark nav

Persistent navy chrome. Nav: accent-900 with white text; hero: accent-700 → accent-500 with white text.

Netos
Schedule a Demo
The source of truth for enterprise networks

Run your network on evidence, not spreadsheets.

Netos unifies your inventory, contracts, and lifecycle data into a single source of truth your team can defend.

Schedule a Demo See the product
E

E — Mid-tone wash

Bolder than today, lighter than navy. Hero: accent-300 → pastel-blue-accent. Nav: pastel-navy-700.

Netos
Schedule a Demo
The source of truth for enterprise networks

Run your network on evidence, not spreadsheets.

Netos unifies your inventory, contracts, and lifecycle data into a single source of truth your team can defend.

Schedule a Demo See the product

How to choose

  • A — Safe but quiet. Reads as "calm SaaS" but doesn't say "we're a brand".
  • B — Same shape as today, a step bolder. Lowest risk move that visibly changes the feel.
  • C — Hero carries the brand identity, nav stays cleanly utilitarian. Strong sales/marketing energy.
  • D — Bold throughout. Reads as confident and modern; loses the "soft welcome" feel of A/B.
  • E — Confident mid-tone. Recommended if we want a clear visual shift without going full navy.