SUKY · BRAND KIT · v2

The whole kit.

Three-bar mark with a red middle bar, monochrome wordmark, matched lockups. SVG + PNG across every size and background you'll need.

Icon

icon-dark.svgSVG
icon-light.svgSVG
icon-transparent-on-dark.svgSVG
icon-transparent-on-light.svgSVG

Wordmark

wordmark-dark.svgSVG
wordmark-light.svgSVG

Horizontal lockup

horizontal-dark.svgSVG
horizontal-light.svgSVG
horizontal-transparent-on-dark.svgSVG
horizontal-transparent-on-light.svgSVG

Stacked lockup

stacked-dark.svgSVG

Favicons & PNG

favicon-32.pngPNG
apple-touch-icon.pngPNG
icon-512.pngPNG
icon-1024.pngPNG

Color tokens

BG · INK
#0A0A0A
FG · PAPER
#F5F5F5
BG ALT · WARM PAPER
#F5F5F3
RED · MARK + ACCENT
#FF4D4D

Rules

Three bars, middle one red. The red bar is part of the mark — don't drop it, don't recolor it, don't move it.

The wordmark is pure. Inter 800, -0.05em tracking. No trailing dot, no punctuation, no ornament.

Red also lives on surfaces. Buttons, focus rings, eyebrows, violation badges, links — same hue as the mark's middle bar.

Clear space: half the icon height on all sides. Minimums: 16px icon, 88px horizontal lockup, 120px stacked.

Full reference in README.md. Tokens in tokens.css and tokens.json.