Design system / v0.1
Prototype
NCG / Interface specification / 2026

Visual
System.

From molecule to interface.

A modular language for one connected technological ecosystem.

01

Brand foundation

Identity / Construction / Clear space

A / Primary signature
B / Symbol construction

1X minimum clear space
Hexagonal field / 160 × 180 units

02

Color system

Core / Surface / Signal

Nano Blue#6198D1--primary
Carbon#05080D--background
Signal White#F5F7FA--foreground
Surface#10151C--card
Technical Gray#202831--muted
HairlineWHITE / 10%--border
03

Typography

Helvetica Neue / Arial Nova / Sans-serif

D-01
Display104 / 94 · Light

Molecule

H-01
Heading 172 / 70 · Light

Science creates.

H-02
Heading 248 / 48 · Light

Systems deliver.

H-03
Heading 324 / 26 · Medium

NanoChemical

B-01
Body16 / 27 · Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

L-01
Technical label11 / 14 · Bold · Uppercase

FULL-CYCLE TECHNOLOGY GROUP

04

Space & grid

8px base / 12 columns / 4 columns

8
16
24
32
48
64
96
128
Desktop / 12 columns

Max 1440 · Margin 72 · Gutter 16

Mobile / 4 columns

Width 390 · Margin 20 · Gutter 12

05

Core elements

Actions / Navigation / Input

Buttons

DefaultBorder / 1pxFocus / Nano BlueDisabled / 50%

Navigation & labels

03 / DIRECTIONSScientific laboratoryText link

Form fields

06

Brand components

Direction / Value chain / Contact

01

Nanotechnology

Scientific laboratory

03

NanoChemical

Automotive chemistry

02 / FEATURED

Nano Max Systems

Production system

01Science
02Production
03Brands
04Trade
05Service
CONTACT / 04hello@nanochemical.group
07

Composition

Section anatomy / Spacing reference

96
72
03 / DIRECTIONS

One technological ecosystem

Eight directions.
One standard.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt.