Hit Enter to Search or X to close
BAR
Style Guide
In a nutshell, a style guide helps to ensure a continuous brand experience.
It means that no matter how, when or where a customer experiences a brand, they are experiencing the same underlying traits.
It's this consistency across every touch-point that helps build a brand and brand loyalty.
Colors have a powerful effect on our emotions. And these emotions play a major role in how we behave as consumers. Brand color psychology provides a framework for understanding how and why we interact with the brands in our lives.
Picking the right font is key to having a good website design, whether your site is a portfolio, a blog, a web store, or a huge corporation website.
In fact, typography makes up about 90% of website content.
Clarendon
Avenir LT
Artely Inks
Typography is another way in which you create a specific style for your web design.
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
Featured One
Featured Two
Featured Three
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
I'm a paragraph
I'm a blue paragraph
I'm a big paragraph
I'm a white big paragraph
A design isn’t finished when there is nothing more to add, but when there is nothing left to take away.
Heading One Avenir
Heading Two Avenir
Heading Three Avenir
Heading Four Avenir
Heading Five Avenir
Heading Five Avenir
Use a Rich Text Element (RTE) to create long-form content.
A rich text element (RTE) is the perfect element for creating long-form content for blog posts, about pages, biographies — you name it. Instead of adding individual heading, paragraph, list, or image elements, you can double click into a rich text element to create these different content elements directly.
Here is a blockquote sample
Heading Three
While grammatical and factual accuracy can't be ignored, incorporating psychological and emotional hooks to enhance buying, clicking, calling, and subscribing are the essence of productive copy.
With rich text elements you can add:
- Paragraphs
- Headings (H1-H6)
- Images
- Image Captions
- Image alt attributes
- Custom code
- Block quotes
- Unordered Lists (bulleted)
- Ordered Lists (numbered)
- Videos (YouTube, Vimeo)
- Rich media (Google maps, SoundCloud, Imgur, Giphy, Codepen, and more)
For any text elements, you can add additional formatting:
- Links (URL, page, email, etc.)
- Bold text
- Italic text
These are just a couple of the psychological principles that direct our attention, and our subconscious, to where the designer wants it to be.
Icons are a fundamental part of a good design system and are very helpful for marketing materials.
Icons are a crucial part of any design system or product experience. Icons help us quickly navigate.
There aren't many people who love to design icons, and even fewer who are great at it.
To the untrained eye, good design might seem like a series of happy accidents.
Everything’s designed. Few things are designed well.
Blue
Black
White
Badge Uppercase
Black
White
Genius is the ability to reduce the complicated to the simple.
Large
Medium
Small
Group
