Design Language
Logo · one mark, three grounds
blue on light · white on color · canvas on blue (the footer giant)
Colors
The core · the brand itself
Schway Blue#0075F5the brand. open work, primary actions, the form, the footer
Deep Blue#005BB5blue's shadow: hovers, the call drawer, depth
Blue Soft#E6F0FEblue's whisper: icon badges, gentle highlights
Butter#F4E7C4the human layer: sticky notes, handwriting, paper
Canvas#F1EFE8the warm ground everything sits on. never pure white pages
Ink#1A1A1Atext and toasts. soft-black, never #000
Status · these mean something, never decorate with them
Blue = Open#0075F5a live ticket that needs a person
Violet = Scheduled#7A5AF8parked until the week of its date, then active again
Green = Done#0E9F6Epublished for real. also every success moment
Slate = Shredded#5B6470closed without publishing. retired, not deleted
Amber = Attention#B4740Eaging tickets, stale teasers, private-note warnings
Station accents · wayfinding on the review page, nowhere else
Rust#A64B22the first-draft station's pill
Magenta#BE1E9Cthe social station's pill
Borrowed sent wears blue, schedule wears violet, publish wears green
Station washes · the page blushes to match the active pill
Type · Barlow + Caveat
Eyebrow · Barlow 800 · tracked caps
Display · Barlow 800
Body · Barlow 600. Warm, plain-spoken sentences that sound like a person.
Handwriting · Caveat 600, for quotes, notes & celebration
SCH-0JHG8 · ui-monospace, for ticket numbers
Fine print · Barlow 700 · tracked caps
Surfaces & Shape
pill · 999
card · 20
tile · 14
paper · 6
+ tilt
+ tilt
the notch
· real tickets ·
· real tickets ·
dashed rulesdivide on-colornever solid
Iconography · 24 grid · 2 to 2.4 stroke · round caps · never filled
Board Tickets · the four states
settled
SCH-N7Q7Wstory“Resurfacer”
34 days
sent aug 12from Samantha Mazer
butter aging flag · settled divider above
Sticky Notes
Private note · review page
private note · from the client
Feel free to make the coffee bar the fun closer.
do not publish this
Anything else? · client form
anything else?
A place for whatever doesn’t fit the story…
Pill Deck · glyph slivers
Form Tiles
published story url
the story
Tell it like you’d tell a friend…
Buttons & Chips
The Shredder · dept. of loose ends
SCH-803C6story“OCT. Special”
dept. ofloose ends
More machines & moments
The bullseye · graphic drop target
upload
The polaroid fan · ingredient drops
IMG
PDF
DOC
AUD
VID
The calm · an empty column earns the ocean
settled tickets below ↓
steady as she goes
new stories toss in right here
Toast · ink pill, bottom center, undo lives here
post marked done, loop closed 🎉 undo
The Pulse · board stat tiles
5open tickets
4clients
35doldest wait
1arrived today
42finished this week
Tally Wall · stories sent
24
stories sent
Motion & Voice
Motion · playful physics, honest weight
- The house spring:
cubic-bezier(.22,.9,.32,1.12)· a little overshoot on everything that moves - Objects obey gravity: new tickets toss in from above, finished ones fall to the settled zone
- Small idle life: stickers bob ☼, strips sway, nothing vibrates for attention
- Ceremony for milestones: confetti on publish, the shredder's four bites on close
- reduced-motion is always respected
Voice · sounds like a person
- ui copy is lowercase and talks like a friend: "open review", "what they sent"
- "first-draft", never "AI"
- no em-dashes. commas, periods, middots
- nothing is deleted: tickets are shredded, parked, reopened. the words stay reversible
- celebrate the wins, in Caveat when it counts
Footer · the send-off
