Brand
MODELONCE brand
and design system.
The logo, colours, typography, components and icons used across MODELONCE.
Logo
The mark is an isometric block, one model, whose three inner edges meet at a single orange point, one source of data, and run out to the corners: the connected workflows.
Clear space
Keep empty space around the logo at least half the height of the mark.
Minimum size
Icon mark 16 px; horizontal logo 96 px wide.
Do not alter
Do not stretch, rotate, outline or recolour the wordmark in orange; orange belongs to the centre point.
Colour
A quiet, neutral palette. Orange is the only accent and is used sparingly: calls to action, key icons, workflow lines and selected states.
Primary & neutral
Accent & accessible tones
Technical drawings
Typography
Inter for headings and text, with full Vietnamese support; JetBrains Mono for codes, numbers and technical labels.
MODEL ONCE.
One Model. One Workflow.
Drawings, lists and estimates are read from the same model.
Interface illustration. Real screenshots will be published here.
SD-01 · A-A · 2400 × 600 × 18
Components
Buttons
Status labels
Workflow nodes
Form field
Icons
One line icon set drawn for MODELONCE: 24 px grid, 1.75 px stroke, rounded caps and joins.