The current design of hirse.eu, datly.eu and incomly.eu comes from Claude Design. From a description, the tool produces finished, high-fidelity drafts as HTML, complete with exact design tokens and a written handoff, which I then translate into production code myself. I am not a designer, and that is exactly why this is so useful for my evening projects.
What Claude Design delivers
The result is not a pretty picture but a precise blueprint. For the hirse.eu redesign “Freundlich modern” that meant, concretely:
- Drafts as HTML with inline styles, so every color, spacing and radius is an exact value, not a rough sketch.
- A style guide with all tokens: warm beige
#F7F3ECas the background, amber#B8722Cas the accent, the Schibsted Grotesk typeface in four weights, card radii up to 24 pixels, matched shadows and a full dark mode. - A handoff document: per screen the components, the hover behavior and the rules for reflowing on mobile.
That is more than looks. It is the kind of specification a designer would otherwise provide, and one I can implement reliably as a single person.
From draft to my own code
What matters is what Claude Design deliberately is not: finished production code. The drafts are a reference; the real code I build myself in each stack. For hirse.eu that means Astro 5 with Tailwind v4, where the design tokens land directly as @theme in a CSS file. For the datly redesign it was a custom CSS design system with Space Grotesk and JetBrains Mono instead of Bootstrap, and for incomly it was Tailwind with shadcn/ui.
The decisive point: the draft respects my constraints. I host the fonts myself instead of pulling a Google Fonts CDN, and icons sit inline as SVG instead of coming from an icon service. As a result hirse.eu loads not a single external resource, and the site’s privacy promise stays intact. A design that brings tracking into the house would be useless for these projects.
Where I decide
As with building with AI, the same holds here: the proposal is the start, not the result. I choose which drafts stay, adapt tokens to my constraints, and carry the implementation. Claude Design removes the friction between “this is how it should look” and a clean set of tokens, not the taste and not the responsibility.
What comes out of it
Three projects now share a handmade, coherent look that I could not have produced without this tool: neither drawn from scratch myself nor taken as the off-the-shelf look of a framework. And because it all rests on tokens that I host and change myself, the design in the end is mine.
You can see how it looks live on hirse.eu itself and on the projects page. If you try Claude Design in your own project and want to know how I translated the tokens into Tailwind, feel free to reach out via the contact form.
