Brand guidelines

The Scoritz brand.

Everything that makes Scoritz look like Scoritz: the logo, the colours, the type and the bits of UI we reuse. Tap any colour to copy its hex.

01

Logo

The wordmark is always lowercase “scoritz” with one accent dot. The dot stays. On dark backgrounds, keep it lime.

scoritz. Primary · on navy
scoritz. On cream / light
scoritz. Knockout · on lime
scoritz.

Clear space and minimum size. Leave a gap of at least the height of the “s” around the wordmark. Don’t stretch it, don’t recolour the letters, and don’t drop the dot.

02

Colour

Deep navy does most of the work. The lime is the one accent. The cooler colours only turn up in the fluid hero, used lightly, never as flat blocks of colour.

Brand & accent

Surfaces & ink

03

Typography

We use one typeface for everything: Golos Text. Headings are set tight, body text sits at a 1.65 line height so it stays easy to read. Most of the character comes from the heavier weights, 600 to 800.

Golos Text

AaBbCcDdEe · 0123456789 · & ? ! @ #

Regular · 400Bright, dependable websites.
Medium · 500Bright, dependable websites.
Semibold · 600Bright, dependable websites.
Bold · 700Bright, dependable websites.
Extrabold · 800Bright, dependable websites.
Display Built for you. clamp 38–74px · 600 · -0.04em
Section How they compare clamp 36–60px · 600 · -0.04em
Subhead Hosting in safe hands 22–28px · 700
Body Measurable results for local businesses. 18px · 400 · 1.65
Eyebrow What we do 12px · 600 · 0.2em · caps

Highlight treatment

Enterprise-grade websites that just fit in.

04

Buttons & UI

Pill buttons that lift slightly on hover. Lime for the main action, ghost for anything secondary. Corners stay nice and round.

Pills & tags

Web Design Hosting Social Media Software Solutions

Corner radii

Cards / panels

--radius · 22px

Small elements

--radius-sm · 14px

Buttons / pills

--radius-pill · 999px

05

Voice & principles

Warm, plain and confident. We sound like a local studio, not an agency. Short sentences. No jargon.

Do

“Enterprise-grade websites, built for local business.” Plain, human, and about what they get.

Do

Use the lime for one thing at a time: the action you want people to take.

Don’t

Lean on buzzwords or “synergies”. If it needs explaining, it’s wrong.

Don’t

Flood a page with lime or recolour the logo. The accent only works because it’s rare.

Back to the site
Copied!