← BACK TO SITE
BRAND GUIDELINES

The mark.

The Code Crunch Labs identity is a terminal window — an instantly readable signal for developers, a quietly technical mark for everyone else. This page documents the only approved variants, palette, typography and usage rules.

01 · PRIMARY LOGO

Wordmark + Mark

The full lockup. Use this whenever space allows — header, hero, business card, signage.

ON INK · DARK

ON SNOW · LIGHT

02 · MARK ALONE

Icon

The terminal symbol without text. Use for avatars, app icons, favicon, watermarks — anywhere the wordmark would be illegible.

DARK BG

LIGHT BG

MEDIUM

SMALL

03 · FAVICON

Tab & app icon

A simplified terminal mark in a rounded square tile. Designed to read all the way down to 16×16.

16 PX

32 PX

64 PX

120 PX

192 PX

04 · SOCIAL

Aspect-ratio variants

Pre-rendered JPEGs for the platforms that demand specific dimensions. SVG sources live alongside each file.

05 · COLOR

Palette

Monochrome by design. The brand lives in five values — pure black to pure white with three steps in between.

#0A0A0A

INK

#141414

SURFACE

#2A2A2A

DIVIDER

#9A9A9A

MUTED

#F4F4F4

SNOW

06 · TYPE

Typography

A single sans-serif family across the brand, paired with a monospace for code contexts.

DISPLAY · 900

BUILD.
SCALE.
AUTOMATE.

BODY · 400

High-performance fullstack web, mobile platforms, and AI-driven applications. We engineer the infrastructure that powers your revenue.

MONO · 400

$ ccl deploy --prod
> building…
> crunched in 1.4s
> ready ✓

07 · USAGE

Do / Don't

A few rules to keep the mark legible and consistent.

DO

Keep at least one mark-height of clear space on all sides.
Use the dark version on Ink / Surface backgrounds.
Use the light (inverted) version on Snow / photography.
Scale proportionally only.
Reach for the icon-only mark below 80px wide.

DON'T

Don't add colors, gradients, glows or shadows.
Don't stretch, skew, rotate or distort the mark.
Don't place over busy photography without a backplate.
Don't recreate the mark — always use the supplied SVG.
Don't combine the mark with another logo without a divider.

08 · DOWNLOADS

Files

Right-click → Save As, or open in a new tab.

Primary logo (wordmark)