Free UI & Brand Style Guide Templates

UI Style Guide

By using UI Style Guides, we can separate the visual language of a website from the structure. Something which is often difficult for clients to do when they are presented with a complete mock-up. It becomes possible to make quick and easy changes to the layout without needing to worry about the styling. And likewise if the client wants to make changes to the visual language, it can be done without worrying about updating multiple elements across multiple pages. 

This template is the perfect starting point for creating a dedicated UI style template for your brand style. This style template includes the following style types:

• Color Swatches
• Fonts & Typography
• Buttons
• Iconography
• Form Elements
• Alerts
• UI Elements
• and more

Supplied in Photoshop .psd and Sketch .sketch formats

Brand Style Guide

Use this free style guide template layout to create a custom brand manual for your startup, small or large company. Add your own logo, colors, typography and other elements to fully represent your brand. This template is perfect for communicating your brand with style and sharing guidelines internally within your company.

Includes 5 pre-made page layouts:   

• Cover Page
• Logo Guidelines
• Color Scheme
• Typography Guide
• Graphic Elements

The template is A4 in size, perfect for printing out and we have included easy to edit files that are compatible with popular software packages Adobe Illustrator CS6 and also Sketch.

Supplied in Illustrator .ai and Sketch .sketch formats