For designers
From design idea to live website, in the chat
Give frascati your colours, type sizes and spacing, and it builds the website in React and Tailwind CSS. Refine it in the chat or edit the code yourself.
What gets in the way
- Turning a design into a working website is a different job from designing it.
- Handing off to a developer means waiting for every round of changes.
- Visual builders take time to learn before they feel like your own tool.
- Details like a heading size or a gap get lost between the design file and the code.
How frascati helps
- Speak in design terms
- Hex colours, type sizes, spacing, line length: write them into the chat and frascati applies them to the code.
- Calm by default
- frascati designs light pages with one paper colour, one accent colour and one or two fonts, and keeps motion to hover and focus.
- Every screen size
- The preview switches between desktop, tablet and phone, so you can check each layout.
- Real code to hand off
- With Pro and Business, download the full source code for a developer to host or extend.
How it works
From one sentence to a site you can publish.
- 01
Describe your business
A sentence is enough. Add the address of your current website, your logo or your own photos if you have them.
- 02
Watch it being built
frascati writes the pages, the copy and the contact form and picks real photos. The first version takes about two minutes.
- 03
Change it by talking
Say what should change, in your own words. Every change is saved as a version, so you can always go back.
- 04
Publish
One click puts it online at a frascati address or, with Pro and Business, on your own domain. Messages from the form reach your inbox.
A prompt to start from
Copy it into frascati and change the details to yours.
“A portfolio for my design studio in Lausanne. Paper colour #F6F4EF, text #1C1C1C, one accent colour #2F5D50. Serif headings, a plain sans serif for text, 17px base size. Left-aligned layout with generous space. Pages: home, six case studies with my own images, about, and contact with a form.”
The first version takes about two minutes.
Questions
- Can I specify exact design details?
- Yes. Write colours as hex values, sizes in pixels and the spacing you want, and frascati applies them. You can also change any value yourself in the Code view.
- How does it compare with Webflow or Framer?
- Webflow is a visual editor with CSS-level control and a CMS. Framer is a design tool that publishes websites and is strong at motion. frascati works from a description in the chat instead of a canvas. If you want to place every element by hand, a visual tool fits better.
- Can I refine single elements?
- Yes. “Make the heading larger.” “More space between sections.” Write it in the chat. Every change is saved as a version you can compare and restore.
- Does it do animations?
- frascati keeps motion calm: hover and focus transitions, with everything visible without animation, and any extra motion respects the reduced-motion setting. Scroll effects such as parallax or fade-ins are not part of how it designs.
- Can I hand the code to a developer?
- Yes. With Pro and Business you download the full source code in React, TypeScript and Tailwind CSS 4, which a developer can host or extend anywhere.
Your website, about two minutes from now
3 days free with a card, then from $12 a month. The plan starts automatically unless you cancel.