10 · Resources

Downloads

Everything you need to install the system into a new project, tokens, fonts, icons, wordmark, and machine-readable briefs. Open each link to view or save.

Tokens & docs

CSS

tokens.css

All seven color tokens, Inter + Caveat font declarations, the cursor animation. The one file every project needs.

README.md

Full prose spec, mirroring shibin.co/brand. Readable end-to-end in ten minutes.

LLM

llms.txt

Canonical distilled brief for AI agents. ~3KB Markdown. Machine-readable but still pleasant to read.

SKILL.md

Claude Code skill manifest. Load this folder as an invocable skill.

Fonts

TTF

Inter-VariableFont_opsz_wght.ttf

Inter variable font (roman). Self-hosted. All weights and optical sizes in one file.

TTF

Inter-Italic-VariableFont_opsz_wght.ttf

Inter italic variable font. Loaded alongside the roman in tokens.css.

Assets

arrow.svg

The diagonal up-right arrow. The only icon in the entire system.

SVG

logo-shibin.svg

Wordmark. Use the SVG for any size; the font path is already embedded.

SVG

favicon.svg

Favicon in SVG form. Scales to any size. Use for modern browsers.

ICO

favicon.ico

Fallback favicon for older browsers and tooling that prefers ICO.

PNG

og-image.png

Open Graph / social card. Used for link previews on Twitter, Slack, iMessage.

PNG

headshot-sketch.png

Illustrated author portrait. Used on shibin.co “now” section and about surfaces.

Quick install

The two files a new project needs:

# from project root
curl -O https://design.shibin.co/tokens.css
curl -O https://design.shibin.co/fonts/Inter-VariableFont_opsz_wght.ttf