Design playground

One-page overview of color tokens, typography, and reusable UI pieces.

Colors

background #272727

link1 #ffe400

link2 #14a76c

link3 #ff652f

link3-darker #cc3600

normal #878787

normal-lighter #959595

normal-lighter2 #a3a3a3

normal-lighter3 #b2b2b2

muted #595959

Sans 4xl — quick brown fox jumps.

Sans 2xl — quick brown fox jumps.

Sans lg — quick brown fox jumps.

Mono xl — quick brown fox jumps.

Mono sm — quick brown fox jumps.

Note/Post tag style

Project tag style

TypeScript Astro

Project state style

Active Stale Archived

Pinned note featured

This is a sample content card that can be reused for projects or posts.

Sample project Stale

Mirrors the `/projects` card with summary text, tags, state, and links.

updated 02 Apr 2026

Bun Astro