Esc

↑↓ move↵ openIndex · Pagefind
Brand & press kit

Three slabs. One core.

The mark is three isometric slabs stacked into one: projects, accounting and analytics on a single data core. Use these assets as they are; if you need something else, ask us.

Logo

The mark and the wordmark.

On darkos.construction
On lightos.construction
Clear space & size

Give it room.

  • Clear space: keep at least 1x free on every side, where x is the height of one slab (about a quarter of the mark’s height).
  • Minimum size: mark 16px on screen (6mm in print); wordmark 96px wide (25mm).
  • Wordmark: “os” bold, a safety-orange dot, “construction” medium in a lighter tone. Always lowercase.
  • Name in text: write os.construction, lowercase, even at the start of a sentence.
Color

Blueprint dark, safety orange.

Click a swatch to copy its hex. Color carries meaning across the product: orange is action, yellow is attention, green is done, blue is forecast, red is a problem.

Brand

Surfaces

Signal

Typography

Three families, three jobs.

Space Grotesk--displayHeadlines · 500/600/700 · tight tracking (−0.03em)

One record. Every job.

Inter--bodyBody copy & UI · 400/500/600

Change order CO #14 updates the budget, the commitment and Pay App #9 from the same record.

JetBrains Mono--monoHUD labels, data · 500 · uppercase, +0.12em

JOB 24-118 · RETAINAGE 10% · WIP LIVE

Do & don't

Keep the slabs straight.

DoUse the supplied files, on dark or light, with clear space.

Don'trecolor the slabs

Don'trotate or skew

Don'tstretch

Don'tadd effects or outlines