HTML and CSS

Semantic HTML and Tailwind CSS from a description

frascati turns your description into pages with semantic HTML, one h1 per page, alt texts on photos and labels on form fields, styled with Tailwind CSS 4.

Why HTML and CSS

  • HTML and CSS are what every browser renders, whatever tool made the page
  • Semantic elements such as header, nav, main and footer tell search engines and screen readers how a page is built
  • Alt texts describe photos for people who cannot see them, and for search engines
  • Labels on form fields and visible focus styles make forms usable with a keyboard and a screen reader

How frascati uses it

frascati writes React components that render semantic HTML: header, nav, main, section and footer, exactly one h1 per page, alt texts in the site's language on every photo, labels on every form field and visible focus styles. Text contrast is at least 4.5:1, and Tailwind CSS 4 does the styling. frascati also writes a title and description for every page, for search engines.

Questions

Is the HTML semantic?
Yes. Pages use header, nav, main, section and footer, exactly one h1 per page and alt texts on photos.
What does frascati do for accessibility?
It uses semantic HTML, labels on form fields, visible focus styles, alt texts on photos and text contrast of at least 4.5:1. These are good foundations, but they do not replace an accessibility review if your site has to meet a legal standard.
Can I get plain HTML without React?
No. frascati sites are React apps that render semantic HTML in the browser. With Pro and Business you download the full source code as a Vite project, and npm run build turns it into the files a web host serves.

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.

Start free trial