Design Systems
Two design systems with the same bones and opposite temperaments. I build interfaces for both a cyberpunk terminal and a compliance review, so I maintain one of each. Both are MIT, published to npm, and the samples below are live components rather than screenshots.
cyberdesign
A cyber/terminal design system: neon glow, CRT scanlines, clip-path augmented panels, five accent themes. It started as the look for one project and became the thing every other one imports. This site runs on it — the panel headers, HUD bars, and glow cards you have been reading through are all cd-* classes.
containment
Field integrity holding across all six segments.
corpo
The business-friendly sibling. Same skeleton — mono micro-labels, 1px borders, swappable accent themes — reworked for rooms where neon is a liability: Public Sans body copy, quiet elevation instead of glow, sentence-case voice, and WCAG-AA contrast throughout. The cyber-only families (terminal, HUD, scanner, gauge) are deliberately not ported.
Vendor access review
Quarterly attestation, due 30 September.
| Vendor | Owner | Seats |
|---|---|---|
| Northwind Logistics | A. Okonkwo | 412 |
| Cormorant Analytics | J. Reyes | 86 |
Visible to the vendor contact.
Note: corpo is light-first by design, so its sample sits on a pale surface inside this dark page. That contrast is the point — the two systems share a skeleton and almost nothing else.