Style Guide

Logo


Logo

Your main identity mark, combination of both type and visuals.

Logotype

logotype designed for use as text identifier without icon or with other product identifier.

Colors


Primary

Hex: RGB: HSL:

Secondary

Hex: RGB: HSL:

Tertiary Color

Hex: RGB: HSL:

Font Color

Hex: RGB: HSL:

Typography


Aa

Body

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0    . , ; ' " + - ( ) { }

Aa

Headers

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0    . , ; ' " + - ( ) { }

.h1Super-Header

.h1Grumpy wizards make toxic brew for

.h2Grumpy wizards make toxic brew for the evil

.h3Grumpy wizards make toxic brew for the evil queen

.h4Grumpy wizards make toxic brew for the evil queen and Jack.

.h5Grumpy wizards make toxic brew for the evil queen and Jack.

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris condimentum lobortis arcu, finibus semper ligula bibendum vel. In posuere purus erat, sed aliquam elit lacinia consectetur. Proin id suscipit enim, ut posuere est. Proin dignissim nulla et lectus volutpat, in aliquet metus sollicitudin.

BOLD Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris condimentum lobortis arcu, finibus semper ligula bibendum vel.

ITALIC Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris condimentum lobortis arcu, finibus semper ligula bibendum vel.

  • Grumpy wizards make toxic brew for the evil queen and Jack.
  • The quick brown fox jumped over the lazy dog.
  • The beige hue on the waters of the loch impressed all, including the French queen.

Headers

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris condimentum lobortis arcu, finibus semper ligula bibendum vel. In posuere purus erat, sed aliquam elit lacinia consectetur. Proin id suscipit enim, ut posuere est. Proin dignissim nulla et lectus volutpat, in aliquet metus sollicitudin.

BOLD Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris condimentum lobortis arcu, finibus semper ligula bibendum vel.

ITALIC Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris condimentum lobortis arcu, finibus semper ligula bibendum vel.

  • Grumpy wizards make toxic brew for the evil queen and Jack.
  • The quick brown fox jumped over the lazy dog.
  • The beige hue on the waters of the loch impressed all, including the French queen.