Primitive
Raw design values with no product meaning yet.
- accent-mintColor
- accent-amberColor
- space-4Spacing
- radius-2Shape
Live design-system portfolio
Tokens + Components + Multibrand
Design systems that scale across brands.
I build token-driven frontend platforms, reusable component systems, and content-rich product experiences for teams that need consistency without slowing down.
FocusDesign systems
ModelPrimitive -> semantic -> component
BrandsTerminal + Product
BaseVienna / Remote
System
Three token tiers. Two brand expressions.
Switch the brand in the header; the same components keep their intent while the visual language changes.
Semantic
Role-based decisions shared by the interface.
- surface-raisedSurface
- text-primaryContent
- border-subtleBoundary
- action-primaryIntent
Component
Local decisions for repeated portfolio patterns.
- toggle-trackControl
- card-accentWork card
- chip-fillTag
- panel-shadowDepth
component.previewTokenized
Component token
Reusable proof module
Surface, border, type, chip, and action styles are all driven by the active brand expression.
Accessible statesShared semanticsBrand-safe UI
Work
Selected proof, kept scan-friendly.
Design Systems Expert / Frontend Platform Lead
Frontend Platform / Design System
Tokenized components, governance, accessibility, and release paths for reusable product UI.
ReactTypeScriptStorybookDesign TokensCI/CD
Frontend Architect / AI Integration Lead
AI Content Platform
A retrieval-first content workflow for search, reuse, summarization, and channel adaptation.
Next.jsTypeScriptHeadless CMSRAGLLM APIs
AI Product / Integration Engineer
Engineering Knowledge Agent
A tool-calling knowledge interface with structured answers, auditability, and evaluation loops.
Next.jsMCPTool CallingVector SearchObservability
Contact