The visual and verbal standards that define Vantex across every touchpoint — from product UI to partner presentations.
01
Color Usage Ratios
02
PRIMARY TYPEFACE
Plus Jakarta Sans
All UI, headings, body, labels
MONOSPACE
DM Mono
Code, data, badges, metadata
03
Clear space
Always maintain clear space equal to the height of the logo mark on all sides. Never place the logo closer than this to any edge or other element.
04
05
Buttons
Badges & Status
Form Elements
Data Display
06
Base unit: 4px. All spacing is a multiple of 4.
07
Do
Use Signal Teal for primary actions
Teal is reserved for interactive elements, CTAs, and key highlights. It draws the eye — use it purposefully.
Don't
Don't use teal as a decorative color
Using teal for backgrounds, borders, or decorative shapes dilutes its signal value and confuses users.
Do
Maintain navy as the dominant color
Navy should represent 60%+ of any composition. It grounds the brand and ensures legibility.
Don't
Don't modify the logo
Never stretch, recolor outside approved backgrounds, add effects, or use the wordmark without the mark.
Do
Use DM Mono for all data and metadata
Numbers, timestamps, API strings, version numbers, and status labels should always be in DM Mono.
Don't
Don't use more than two typefaces
Plus Jakarta Sans and DM Mono only. Never introduce a third typeface, even for decorative purposes.