Built for phones first, then for larger screens

Mobile first

Every layout starts on the phone and gets more room on tablets and desktops. It works on a screen 375 pixels wide.

A menu on small screens

On phones the header collapses into a menu button that opens the full menu.

Check every screen

Switch the preview between desktop, tablet and phone before you publish.

Readable on every screen

Text contrast of at least 4.5:1, labels on form fields and visible focus styles, whatever the screen size.

frascati writes every layout for the phone first. It works on a screen 375 pixels wide, and the header collapses into a menu button. On tablets and desktops the same page gets more room, for example two or three columns instead of one. You do not design a separate mobile version. Check the result in the preview on desktop, tablet and phone, and ask in the chat if you want something different on one of them.

Do I need to design a separate mobile version?

No. frascati builds one site that works on phones, tablets and desktops. If you want something different on phones, such as a shorter intro, ask in the chat.

Which screen sizes does frascati design for?

Phones, tablets and desktops. Layouts work from 375 pixels wide, the width of a small phone, and use the extra room on wider screens.

How do I check my site on a phone?

Switch the preview to phone or tablet. Once the site is published, open its address on your own phone as well.