Style Guide
The Mini Pie Company
Freshly made pies that are not too big and not too small.
Logo and variations
Colour Theme
#D4145A#EAEBEE#D4D7DD#BFC3CB#A9AFBA#949BA9Typography
Roboto Flex
Primary Font: 400 16px/24px
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_
AaBbCc123
Roboto Bold
Duis risus nisl, gravida vitae finibus id, vulputate eu tellus. Quisque consectetur, felis vitae ultricies finibus, odio nisi commodo ipsum, ut aliquet lorem nulla quis quam. Aenean fermentum et ligula eget rutrum.
AaBbCc123
Roboto SemiBold
Duis risus nisl, gravida vitae finibus id, vulputate eu tellus. Quisque consectetur, felis vitae ultricies finibus, odio nisi commodo ipsum, ut aliquet lorem nulla quis quam. Aenean fermentum et ligula eget rutrum.
AaBbCc123
Roboto Regular
Duis risus nisl, gravida vitae finibus id, vulputate eu tellus. Quisque consectetur, felis vitae ultricies finibus, odio nisi commodo ipsum, ut aliquet lorem nulla quis quam. Aenean fermentum et ligula eget rutrum.
AaBbCc123
Roboto Regular Italic
Duis risus nisl, gravida vitae finibus id, vulputate eu tellus. Quisque consectetur, felis vitae ultricies finibus, odio nisi commodo ipsum, ut aliquet lorem nulla quis quam. Aenean fermentum et ligula eget rutrum.
A way with words
Aliquam elementum velit ultrices, tristique sapien vulputate, congue dolor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend laoreet felis, non hendrerit arcu porttitor blandit. Suspendisse interdum tortor sit amet sollicitudin maximus.
Vestibulum odio ante, aliquam nec posuere id, ultrices in enim. Cras euismod scelerisque ipsum, sed semper magna tristique quis. Nullam feugiat ipsum eget sem pretium, in suscipit ante placerat. Cras placerat nisl felis, a aliquam leo suscipit id. Donec egestas est et lacus ultricies lobortis. Fusce elementum erat eu ipsum aliquam, at ultrices massa finibus.
Duis risus nisl, gravida vitae finibus id, vulputate eu tellus. Quisque consectetur, felis vitae ultricies finibus, odio nisi commodo ipsum, ut aliquet lorem nulla quis quam. Aenean fermentum et ligula eget rutrum.
Curabitur efficitur vitae sapien in viverra. In ex nisi, congue in ligula a, hendrerit dictum ipsum. Ut vestibulum nulla id neque pulvinar, a ornare nulla iaculis.
Aliquam tristique lacus sapien, eget convallis justo ultrices id. Integer et elit luctus, faucibus tortor non, fermentum erat. Curabitur tincidunt risus at nibh porttitor rhoncus eu id lectus. Aenean vitae volutpat libero, eget gravida odio. Etiam consequat, urna sed convallis blandit, diam diam bibendum lacus, id feugiat purus ligula non eros. Aliquam elementum velit ultrices, tristique sapien vulputate, congue dolor.
Overline
Overline
Header 1
Subhead
Header 1
Subhead
Paragraph
Aliquam tristique lacus sapien, eget convallis justo ultrices id. Integer et elit luctus, faucibus tortor non, fermentum erat. Curabitur tincidunt risus at nibh porttitor rhoncus eu id lectus. Aenean vitae volutpat libero, eget gravida odio. Etiam consequat, urna sed convallis blandit, diam diam bibendum lacus, id feugiat purus ligula non eros. Aliquam elementum velit ultrices, tristique sapien vulputate, congue dolor.
Header 2
Header 2
Paragraph
Aliquam tristique lacus sapien, eget convallis justo ultrices id. Integer et elit luctus, faucibus tortor non, fermentum erat. Curabitur tincidunt risus at nibh porttitor rhoncus eu id lectus. Aenean vitae volutpat libero, eget gravida odio. Etiam consequat, urna sed convallis blandit, diam diam bibendum lacus, id feugiat purus ligula non eros. Aliquam elementum velit ultrices, tristique sapien vulputate, congue dolor.
Paragraph
Aliquam tristique lacus sapien, eget convallis justo ultrices id. Integer et elit luctus, faucibus tortor non, fermentum erat.
Blockquote
Aliquam elementum velit ultrices, tristique sapien vulputate, congue dolor.
Bold
Aliquam tristique lacus sapien, eget convallis justo ultrices id. Integer et elit luctus, faucibus tortor non, fermentum erat.
Unordered List
- Aliquam tristique lacus sapien, eget convallis justo ultrices id.
- Integer et elit luctus, faucibus tortor non, fermentum erat.
Lorem ipsum dolor sit amet.