Design System shibin.co
  • Home 00

Foundations

  • Identity 01
  • Color 02
  • Typography 03
  • Iconography 04
  • Motion 05
  • HyperFrames 06

Library

  • Components 07
  • Patterns 08

Code

  • Shadcn theme 09
  • Shadcn components 10
  • Build a dashboard 11

Resources

  • Downloads 12
  • For agents 13
Extended reference.
Essentials at shibin.co/brand.

12 · 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 neutral color tokens, General Sans and metadata-only Manrope declarations, plus the restrained motion defaults.

MD

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. About 12KB of Markdown, machine-readable but still pleasant to read.

MD

SKILL.md

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

Fonts

CSS

General Sans · Fontshare

Official source for the primary typeface. tokens.css selects one variable-normal face; font binaries are not bundled with this repository.

Assets

arrow.svg

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

SVG

logo-shibin.svg

Portable outlined SVG wordmark, so the letterforms render consistently without a font dependency.

SVG

favicon.svg

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

PNG

headshot-sketch.png

Monochrome author portrait for the shibin.co “now” section and about surfaces.

Quick install

Fetch the tokens. The file already loads the canonical General Sans variable face and the Manrope metadata face from their official providers:

# tokens
curl -O https://design.shibin.co/tokens.css

© 2026 Shibin Dotco

GitHub README tokens.css