Brand bits
A little Spindle, signed and ready to go. Copy something. Put it somewhere.
The name. The dot. The signature.
Transparent and outlined, so both fonts travel with the shape. PNGs for everywhere else. The signature sits under “dle.”, at 30% of the wordmark’s size, tilted 7°. Green on dark, ink on light. Keep the dot. Keep it signed.
For the terminal people.
_ _ _
___ _ __ (_) _ __ __| | | | ___
/ __| | '_ \ | | | '_ \ / _` | | | / _ \
\__ \ | |_) | | | | | | | | (_| | | | | __/ _
|___/ | .__/ |_| |_| |_| \__,_| |_| \___| (_)
|_| by jsjThe same one from the footer, signed in the only font a terminal has. Paste into a monospace font and keep the spaces.
Mostly green. Obviously.
#c4ff48Spindle green
The dot. The glow. The good stuff.
#11130fInk
The page background.
#eeeee7Off-white
Headings and main text.
#a0a696Muted
The quieter words.
#33392cLines
A little separation.
The CSS, if that’s your thing.
:root {
--spindle-green: #c4ff48;
--spindle-background: #11130f;
--spindle-text: #eeeee7;
--spindle-muted: #a0a696;
--spindle-line: #33392c;
--spindle-font: 'DM Sans', sans-serif;
--spindle-mono: 'IBM Plex Mono', monospace;
--spindle-script: 'Ms Madi', cursive;
}A few choice words.
Spindle, by jsj.
The domain was available.
A company. An alias. A good time.
Launch videos, one prompt per scene.
Serious tables. No table routes.
Sensible tools. Silly ideas.
The letters, too.
DM Sans
The wordmark and the words. The logo uses weight 550 and tight spacing: −0.085em.
Ms Madi
The signature. “by jsj”, handwritten under the wordmark, tilted a touch, and written in once. Never for anything longer than a signature.
IBM Plex Mono
The terminal, ASCII art, and little technical bits. A good home for a blinking cursor.
Font stacks use installed or loaded fonts. The SVG logos work on their own.