@perishlab/design

Language changes. Structure remains.

A Svelte design system where visual language is a value, not a fork.

Each language changes how the same components look and feel. Their meaning, responsibility, and composition stay intact.

One structure

Eleven visual languages, no semantic fork

Meaning

fixed

unchanged

Expression

variable

inspect

A living Svelte vocabulary for the workshop. Every word is filed by what it takes responsibility for.

mark · 10

Code

seal.ts 
let seal = true;
props

Face

AL
props

Hero

perish design

one system, many flavours

props

Item

  • declare
props

Meter

props

Note

one quiet note

props

Sign

props

Tag

stable
props

Text

one paragraph of prose, measured to the reading width

props

arrange · 10

Aside

beside
the main region
props

Cell

a cell that spans two
props

Grid

cells
props

Ledger

  • kernel 12
  • grammar 8
  • seal 3
props

atoms — fixed

Line

shapeliving
clean
props

List

  • declare
props

Rail

  1. declarethe library names the design
  2. materialisethe plugin wires it up
  3. consumean app eats what we shipped
props

stops — fixed

Split

two sides
props

Table

planestate
designpublished
ectropyclean
props

heads — fixed

rows — fixed

enclose · 7

Board

identity

one bounded concern

rows
props

Card

laws

eight of them
props

Course

a run across the page
props

Sheet

a bounded surface
props

Stage

one thing, framed
props

focus · 11

Button

props

press — fn

Check

props

change — fn

Copy

props

Field

props

change — fn

Fold

why one word
because two words is a composition
props

Forge

PerishLab/design
props

Pick

props

choices — fixed

change — fn

Tabs

props

tabs — fixed

change — fn

layer · 4

Tip

hover meone word, one meaning
props

Toast

the guard is green
props

notes — fixed

document · 2

Frame

a frame wraps the whole page
props

Shell

a full product shell
props

settled — fn