🎉 Try Slides With Friends — Icebreakers, Team Building Games, Wordclouds & more! Check it out →

Free UI & Brand Style Guide Templates

Ui Brand Style Guide Templates 1
  • Image Thumbnail
  • Image Thumbnail
  • Image Thumbnail
  • Image Thumbnail
  • Image Thumbnail
  • Image Thumbnail
  • Image Thumbnail

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

Free License

Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note:

  • Attribution is required for free items. For a non-attribution license, please become a member or buy the full version.
  • You may not distribute or offer this set for download on other websites. Promotion is always appreciated, but please send people to this page.


Don't Miss Another Freebie - Sign Up for Our Newsletter!

Make sure you don't miss out on future free resources by signing up for our weekly newsletter.


You've successfully logged in!