Onefold turns your colors, type, shape, shadows and voice into one DESIGN.md that Claude Code, Cursor and Codex follow. Start from your website or one brand color, keep or change every suggestion, and export CSS variables or a Tailwind theme. Free, no signup.
Hi Product Hunt, I'm Oliver, and I build Onefold.
Design decisions live in CSS Code, Figma, tickets, Slack, and people's heads. When a coding agent builds a screen, it can't see most of that, so it guesses what "on brand" means and falls back to the same generic look every time.
Onefold walks you through the decisions that matter: brand color, neutrals, status colors, dark mode, type, spacing, corners, shadows, component library, icons, and voice. Start from your website, and it fills in what it can read. At the end, you get one DESIGN.md for your repository, plus CSS variables and a Tailwind theme with the same names.
Try it out today. No account needed and 100% free.
Two questions I'd love your answers to:
1. Which design decision gets lost most often between design and code?
2. What would make a generated DESIGN.md trustworthy enough for your team or your agents?