hueAtlas
Ivory engineering / maritime charts (fictional) system.
Atlas is the cartographic system for products that organize the world. Cool grids, monospace coordinates, surveyor blues.
Read like a chart, not a memoir. Atlas treats engineering knowledge the way a cartographer treats a coastline — every page has a coordinate, every change leaves a bearing, nothing drifts. The identity is classical engineering: paper, ink, hairlines, crosshairs, mono labels for instrument readings, a serif italic for the one word that matters.
Anatomy
Fictional ivory engineering brand. A reference atlas for the systems engineering teams ship. Paper-ivory canvas, deep navy ink, rust accent, IBM Plex Serif display set against a quiet 80px coordinate grid. Proves the typography-driven, content-rich landing: no centered subject, no glow, just a chart room and a headline that earns its weight.
Tokens — colors
| Token | Value (light) |
|---|---|
| background | #F5F1E8 |
| surface1 | #EBE5D3 |
| surface2 | #DED5BE |
| border | #C9BFA3 |
| border_visible | #C9BFA3 |
| text1 | #0A2540 |
| text2 | #3C5878 |
| accent | #B8441F |
| accent_soft | #E8CFC0 |
| grid | rgba(184, 68, 31, 0.08) |
Tokens — typography
| Role | Family | Size |
|---|---|---|
| display | IBM Plex Serif | clamp(56px, 7vw, 104px) |
| body | Inter | 16px |
| mono | IBM Plex Mono | 11px |
Live preview
Generate one like this
hue is a free, open-source skill that turns any brand into a complete design language your AI assistant can use.