Free Comprehensive Web Style Guide for Sketch

Save time and effort with this easy-to-use Sketch file. We have created our most complete and concise style guide so that you can get a head start on your designs. Download it for free!

Complete the form and download your free style guide.

Learn More

WHAT DO YOU GET?


CONSISTENT TYPOGRAPHY

Manage your typography with ease by accessing a comprehensive list of styles pre-made in our Sketch style guide.

Contrasted and proven typography based on the Major Third scale

Free Style Guide Typography
Free Style Guide Dynamic Buttons

DYNAMIC BUTTONS

Symbols are a powerful feature in Sketch that allows you to reuse components. We have created all buttons to take advantage of this feature so that you can restyle all buttons in a few clicks.

Clear and easily recognizable buttons for simple interaction

STRUCTURED COLOR PALETTE

Keep your brand concise with a structured color palette that just makes sense. Easily experiment with different color palettes for your product.

Color guidelines based on web usage for clarity

free-style-guide-color-palette
free-style-guide-web-components

REUSABLE WEB COMPONENTS

Create your user flows effortlessly by finding and reusing the pre-built web components. Restyle each component and see them automatically update across your designs.

Flexible web components to enhance your layout

OPTIMIZED FOR DEVELOPMENT

Our style guide structure is based on a responsive grid layout making it ready for the web. Put your new style guide straight into your site and create consistency across your site.

Development ready for consistency on your site

free-style-guide-optimized

Learn More

GET YOUR FREE DOWNLOAD TODAY


Seriously, it's free and just for you (and a few thousand others).