Skelly Skelly Skelly

Brand Guide

Assets, guidelines, and principles for the Skelly brand.

Mark

Light on dark
Light on Dark — Primary
Dark on light
Dark on Light

Avatar

Avatar 128px
128 × 128
Avatar 64px
64 × 64
Avatar 32px
32 × 32
Avatar circular
Circular crop

512 × 512 PNG — use for GitHub, npm, social profiles, favicons.

Palette

Black
#111111
White
#F5F5F5
Accent
#A855F7
Grey
#888888
Danger
#EF4444

Light Mode Adjustments

Background
#FFFFFF
Text
#111111
Accent (Light)
#9333EA
Secondary
#666666
Danger (Light)
#DC2626

Light mode uses a deeper purple (#9333EA) and deeper red (#DC2626) for stronger contrast on white surfaces.

Typography

Display — Space Mono 700
The skeleton
keeps walking.
Body — Space Grotesk 400
Every piece of work should leave a trace in the spec — a committed record of what changed, why it changed, and what the product looks like now. Nothing is ever thrown away.
Code / UI — Space Mono 400
Proposed → In Progress → Delivered

Principles

Strip it down

Dark mode default. Hard edges. No rounded corners, no pastels, no friendly illustrations. Every element earns its place or it's gone.

Have a point of view

This is not another enterprise SaaS product wearing a friendly costume. The brand says what the product believes — and it's not afraid of it.

Everyone's welcome

Edgy doesn't mean aggressive. Punk at its best was always about everyone being welcome. The attitude is "we reject the bloated way," not "we're tough."