Brand Launch Kit
A local-first brand handoff tool that turns colors, logo variants, and usage decisions into design tokens, guidelines, a website prompt, and an AI coding skill.
brand-systemsdesign-toolsai-workflowsdesign-tokensTypeScriptCSSHTML
Design questions, tested by building.
Two featured experiments go deeper, supported by two focused browser tools.
Featured experiments
Deeper looks at a brand handoff workflow and an interactive layout workspace.
Layout Studio
A browser-based document layout tool with grid-snapped components, millimeter-based pages, brand checks, and PDF or print output with bleed and crop marks.
print-designdesign-toolstypographyreactTypeScriptCSSHTML
Focused tools
Tools built around a single design workflow.
Design Token Tester
A browser playground for adjusting ten design variables, comparing presets, checking WCAG 2.1 contrast, and copying CSS variables or JSON.
design-systemstokensaccessibilityreactTypeScriptCSSHTML
Cropmark
Process an image locally, choose a social format, adjust its crop and zoom, and download the result as a browser-generated JPG.
creative-toolsimage-productioncanvasreactTypeScriptCSSHTML
Client work lives in the portfolio.
Labs is where things get tested first.