The look, feel, and
voice of Sincecode.

A small kit of the type, colour, and ground rules we use across the site. Borrow what you need. One ask: don't make it look generic.

Wordmark

The Sincecode wordmark.

Use the wordmark as-is. Don't recolour it (apart from the two approved variants below), don't reset the spacing, and please leave the “code” roundel where it sits — that loop is the brand.

Colour

A warm palette, one bold accent.

Mostly paper, ink, and a single confident teal. Keep accents sparing — they're loudest when they're rare.

Brand teal #1EBFBF
Brand deep #0F8585
Ink #102326
Paper #FBF7EF
Type

Three voices, each with a job.

Serif for headlines, sans for everything you actually read, mono for labels and small print. Default fonts are off-limits — if you can't load one of these, fall back to system serif/sans/mono in that order.

Headlines · DM Serif Display As simple or as complex Regular · italic for emphasis · -2.5% letter-spacing
Body · Hanken Grotesk A website builder with depth, designed for real businesses that need their site to actually work. Weights 400–700 · 1.55 line-height · -1% letter-spacing
Labels · JetBrains Mono SECTION · 11px · UPPERCASE 600 weight · +14% letter-spacing for labels and eyebrows