01. Logomark
Our logo represents structure and precision. Always maintain clear space around the mark. Do not alter the proportions or colors.
01b. Logomark Icon
The W logomark is used as an app icon, favicon, and in space-constrained contexts. Maintain minimum size of 24px.
02. Color Palette
Our palette is high-contrast and utilitarian. We use Slate 900 for primary elements and specific accents for interaction states.
Obsidian
Signal Orange
Electric Blue
Structure Grey
03. Typography
Inter is our primary typeface for UI and marketing. JetBrains Mono is used for data, code snippets, and technical labels.
Aa
Inter
Display / Black
The quick brown fox
Body / Regular
The quick brown fox jumps over the lazy dog.
Aa
JetBrains Mono
Code / Medium
print("Hello World");
Label / Regular
The quick brown fox jumps over the lazy dog.
04. System
We use Lucide icons with a 1.5px stroke width. Our grid system uses strict 1px borders for layout segmentation.
Icon Set
LUCIDE 1.5px8pt Grid System
All spacing, sizing, and typography line-heights align to a strict 4px/8px baseline grid.