Style Guide
Search…
Handy Style Guide
Brand Guidelines
Native
Web
Navigation
Grid and Layout
Forms
Typography (Web)
Buttons
Pickers
Modals
Cards
Powered By
GitBook
Grid and Layout
The Handy website is laid out on a flexible grid. We design for desktop and mobile web.
Grid by Screen Size
Designs must flex for both desktop and mobile web, but initial designs should be created with the most-used screen size in mind.
Standard Desktop Grid 1440px
This is our standard grid for desktop web designs.
Small Desktop Grid 1280px
This is the smallest screen size where original content and layout sizes can be maintained.
Tablet and Mobile Grid (1024px and 375px)
We break from the desktop grid to the mobile grid when the browser reaches 640px or less.
Sketch Layout Settings
Desktop: 1440px Wide
All desktop web designs should be created on a 1440px wide artboard. The below
Layout Settings
will render the correct grid on your artboard.
Mobile: 375px Wide
All mobile web designs should be created on a 375px wide artboard. The below
Layout Settings
will render the correct grid on your artboard.
Previous
Navigation
Next
Forms
Last modified
3yr ago
Copy link
Outline
Grid by Screen Size
Standard Desktop Grid 1440px
Small Desktop Grid 1280px
Tablet and Mobile Grid (1024px and 375px)
Sketch Layout Settings
Desktop: 1440px Wide
Mobile: 375px Wide