TemplatesDesign languages, documented

Markdown guides for building consistent interfaces.

Reference collection

Five standalone interactive templates, two reusable graph components. Original UI patterns with sample data.

Job economics, estimate versus actual costs, profit bridge and work timeline.

Agent security dashboard, request charts, local review and credential states.

Agent onboarding with brief, rules, limits and sample replay gates.

Fitness goals, workout discovery, a local timer and progress views.

Trade finance, shipment details, repayment drafts and demo verification.

Sankey conversion funnel with drop-offs, date ranges, animated flow and keyboard focus.

Topology and workflow components with editable nodes, events, slots and theme tokens.

Dark graphite control room for agents and MCP servers, Bootstrap 6, live graph and sample approvals.

Charcoal finance system, mint actions, component states and cash-flow patterns.

Dark orange analytics system, pixel histograms, reporting components and live variants.

Retro-terminal ops dashboard. Phosphor green and amber on a green-black grid, square panels, a live tail, and an ops agent.

Dark glassmorphism, indigo-to-pink/cyan gradients, Space Grotesk / DM Sans / JetBrains Mono.

Linen and slate, turquoise and lime, Plain for display and Saans for UI.

Warm gold on a clean light surface, charcoal navigation, Montserrat, Rubik and Bebas Neue.

Light and neutral proposal builder: near-black buttons, soft white cards, tiny uppercase labels.

Warm off-white app in a cool gray frame, quiet borders, one color per model.

Pet-care language from color psychology research - cream, harbor blue, biscuit yellow and sage, rounded and playful.