← Design system

Glyphs

Universal Unicode characters available as design primitives. They render the same in browsers, terminals, plain text, and GitHub READMEs — zero font payload. Use them for chrome (rules, boxes, shading) when "renders anywhere" is a virtue.

Why these

Unlike letterforms, geometric and box-drawing characters render consistently across nearly every font. The OS doesn't need a special font installed; the terminal doesn't need extra capabilities. They're universally available because they're geometric primitives, not letters — the font just has to know how to draw a horizontal line.

Best fit on PE: admin tools, audit reports, anything that's already CLI-tool-shaped and benefits from being copy-pasteable into a terminal.

Shading & dither

Four density levels. The classic Mac OS selection highlight was a 50% shade; old terminals used these to fake transparency before alpha channels existed.

Light shade

U+2591

Medium shade

U+2592

Dark shade

U+2593

Full block

U+2588

Loading [██████░░░░] 60%
HP      [▓▓▓▓▒▒▒░░░] 45/100

Half blocks

Top, bottom, left, right. Useful for sub-character resolution — bar charts that need finer steps than a full cell, or chrome that needs to feel half-weight.

Upper half

U+2580

Lower half

U+2584

Left half

U+258C

Right half

U+2590

Box drawing — single line

The standard ASCII-art table set. Corners, edges, junctions. Use for outlines, tables, tree structures, any boxed-content chrome.

Horizontal

U+2500

Vertical

U+2502

Top-left corner

U+250C

Top-right corner

U+2510

Bottom-left corner

U+2514

Bottom-right corner

U+2518

Tee right

U+251C

Tee left

U+2524

Tee down

U+252C

Tee up

U+2534

Cross

U+253C

┌─ Project ─────┐
│ src/                │
│ ├─ index.js         │
│ ├─ utils.js         │
│ └─ styles.css       │
│ README.md           │
└─────────────────────┘

Box drawing — double line

The "loud" variant. Old DOS dialog boxes used these for emphasis — outer frame double, inner sections single. Same visual register as a heavier border in modern UI.

Horizontal

U+2550

Vertical

U+2551

Top-left corner

U+2554

Top-right corner

U+2557

Bottom-left corner

U+255A

Bottom-right corner

U+255D

Tee right

U+2560

Tee left

U+2563

Tee down

U+2566

Tee up

U+2569

Cross

U+256C

Box drawing — heavy

Thicker than single-line, less ornate than double. Often paired with thin lines for hierarchy — heavy outer frame, thin inner divisions.

Horizontal

U+2501

Vertical

U+2503

Top-left corner

U+250F

Top-right corner

U+2513

Bottom-left corner

U+2517

Bottom-right corner

U+251B

Cross

U+254B

Box drawing — rounded

Soft corners. Quieter visual register — a single-line box with rounded corners reads as friendlier than a square one.

Top-left corner

U+256D

Top-right corner

U+256E

Bottom-right corner

U+256F

Bottom-left corner

U+2570

╭─────────────╮
│ A note   │
╰─────────────╯

Geometric shapes

Filled and outline forms. Use for bullets, status indicators, decorative emphasis.

Black square

U+25A0

White square

U+25A1

Black circle

U+25CF

White circle

U+25CB

Black diamond

U+25C6

White diamond

U+25C7

Up triangle

U+25B2

Down triangle

U+25BC

Left triangle

U+25C0

Right triangle

U+25B6

Black star

U+2605

White star

U+2606

Arrows

Direction indicators. Use for pagination, navigation hints, before/after relationships, and "leads to" arrows in diagrams.

Left arrow

U+2190

Right arrow

U+2192

Up arrow

U+2191

Down arrow

U+2193

Up-left

U+2196

Up-right

U+2197

Down-right

U+2198

Down-left

U+2199

Double left

U+21D0

Double right

U+21D2

Hooked left

U+21A9

Hooked right

U+21AA

Marks & status

Affirmation, refusal, attention, and the standard bullet variants. The check-mark and X are font-safe across all systems — no emoji needed.

Check

U+2713

Cross (X)

U+2717

Bullet

U+2022

Triangular bullet

U+2023

White bullet

U+25E6

Reference mark

U+203B

Ellipsis

U+2026

Em dash

U+2014

Math & measurement

Comparison, range, and physical-unit characters. Useful for technical content — status panels, audit reports, anywhere numbers and tolerances appear.

±

Plus-minus

U+00B1

×

Multiplication

U+00D7

÷

Division

U+00F7

Not equal

U+2260

Less than or equal

U+2264

Greater than or equal

U+2265

Approximately

U+2248

Infinity

U+221E

Square root

U+221A

°

Degree

U+00B0

Prime (minutes)

U+2032

Double prime (seconds)

U+2033