boas.dev — design system
v3.0.0 · procedural-signal

The reborn house system: all-blue, a live procedural feTurbulence edge on every primary container, ordered-halftone fill, tone dithered never smooth, Bricolage Grotesque display over JetBrains Mono data. Dark and light are the same system at rest — flip the toggle: every component re-paints through the --c-* cascade with zero structural change. Green phosphor, scanlines, and emissive glow are retired.

Palette current register — toggle to compare
Typography 2 faces — display ⟷ data
Bricolage Grotesque · display
JetBrains Mono · data / chrome · 0123456789 · tabular-nums

Display carries the human voice (titles, names, narrative); mono carries everything machine — digits, timestamps, labels, status. The warm-sans ⟷ cool-mono contrast is the type signature. No serif (the rejected v1 serif/mono clash). No grey body text on dark.

Procedural edge scoped ::before · content sharp above
.edge
house live frame · breathing scale 2.6↔4.4
.edge--frame
hero / emphasis · deep-blue 1.5px border
.edge--past
recessed · transparent fill, higher-freq warp

Text stays razor-sharp — the warp is on a ::before at z-index:-2; content rides z-index:1 on an isolated layer. Edge gaps are transparent (reveal the layer behind), so heavy edges belong on plain ground. Emphasis ladder = warp intensity encodes recency/importance.

Fills + tone halftone house · dither stepped · smooth BANNED
.ht halftone
ordered dot grid + corner mask — the house fill

Middle: the same would-be gradient run through filter:var(--dither) → stepped/ordered, instrument-honest. Right: raw smooth gradient — the generative-design tell, anti-ruled. Grain (feTurbulence posterize) is reserved for special artifacts, not the general system.

Components live — built from the kit
next meeting countdown

Partnership scope review

— your time14:00 London · GMT
Join the call → Add to calendar
00:00:00:00
dayshrsminsec

Before we meet

A focused 45-minute working session to align on partnership scope and define what a successful pilot looks like.

  • Scope & deliverables — what's in the first phase
  • Pilot success metrics — how we'll measure it
  • Timeline — path to signature

Attendees

B
Boas
Host · boas.dev
MC
Maria Castellanos
Director of Partnerships
you
DO
David Okonkwo
Head of Engineering
↗ profile

Meetings 2 upcoming · 1 past

in 2 days
Jun 29
Partnership scope reviewvideo · 45 min · agenda shared
scheduled
in 9 days
Jul 06
Q3 roadmap walk-throughvideo · 30 min
scheduled
6 days ago
Jun 21
Discovery & introtranscript + summary ready
complete

Action items 1 due · 1 open · 1 done

Send the security questionnaire response
due in 3 days
Confirm the pilot integration scope
no date
Share API documentation links
done Jun 22

Artifacts 2

Partnership scope deck
ready
14 slides · prepared for this meeting
Open →
Pricing model
draft
sheet · shared after next call
Medium tiers one system, three fidelities

① Web — full fidelity

Live filter:url(#edgeLive) breathing edge, JS countdown, webfonts, halftone, dither. The portal + booking + calendar pages. prefers-reduced-motion → #edgeStatic.

② Web — degraded / print

Reduced-motion + @media print flatten the warp to a crisp border and force a white ground (PDF is print material). Same DOM.

③ Email — hybrid (light body + dark brand band)

Email clients run no SVG filters, no JS, unreliable webfonts. So the procedural edge + halftone become a pre-rendered PNG in a dark header band; the body is light, table-based, bulletproof-button, system-font fallback. Below is the tier rendered live (in real email the band is a flat image):

boas.dev design system v3.0.0 · living specimensample data — placeholder people/org, not real records