Ryan
Ramper­sad.

THE SIGIL DESIGN SYSTEM● SIGNAL #FF2416● AZURE #0080FFLEAGUE GOTHIC · DITHER
00

The Direction

// what's here, and why

Sigil is the design system behind ryanrampersad.com, the annual card, and the blog.

The identity is already good — League Gothic in uppercase, a confident red, a near-black ground, and the threads-of-fate ribbon. None of that gets thrown away.

v4 keeps that essence and renders it in its real material — digitally authentic. Dither instead of a faked gradient, generative canvas instead of a flat export, ASCII and grain because that's what a screen is made of.

One system across three properties — the banner site, the annual card, and the blog — built from primitives that survive at any size, from a 16-pixel favicon to a printed card. The words and feelings behind it live on the Design Language page.

SystemSigil
ConceptDigitally authentic
SurfaceDark-first
SignatureLeague Gothic ▮ caps
Voice fontMonospace
Primary● Signal Red
Accent● Azure
Pages8
→01
Language
What it should feel like — the words and inspirations behind it.
→02
Color
One hot protagonist, one cold accent, a warm paper.
→03
Type
A proud display, a plain digital voice, a legible body.
→04
Motifs
The ribbon, the bloom, the grit — all generative.
→05
Dither
The ribbon shown in its real material: pixels.
→06
Applications
Banner, annual card, blog — one system, three characters.
→07
Print
Cards, stickers, spec — so it survives off-screen.
→08
Copy
The wordmark, the Latin refrain, and voice per surface.