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.
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.
For light backgrounds
Download SVG
For dark backgrounds
Download SVG
A warm palette, one bold accent.
Mostly paper, ink, and a single confident teal. Keep accents sparing — they're loudest when they're rare.
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