Montgomery's Style Guide

This style guide was made to set guidelines to create a clean and consistent website editing system. It's an overview of the font and color schemes to use when creating or editing website pages.

Core palette

RGB: 0/0/0
CMYK: 60/70/80/100

Batch 69
RGB: 83/128/114
CMYK: 69/31/54/16

Batch 44
RGB: 156/78/128
CMYK: 43/78/21/5

Batch 45
RGB: 30/56/91
CMYK: 97/77/37/31

Background palette

Old lace
RGB: 237/235/223
CMYK: 9/6/14/0

RGB: 255/255/255
CMYK: 0/0/0/0


H1: Promt Light 65px

H2: Promt Light 24px

H3:Promt normal 17 px

Small text: Promt semi bold 11 px

Hero paragraph text: Promt Normal; Size: 18 px; Height: 1.3 EM;

Body paragraph text: Promt Normal; Size 17 px; Height: 1.4 px;

This is a block quote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
  1. This is a list item
  2. This is a list item
  3. This is a list item
Blog Styling

H2 big title for news

H3 small title for news

Style for news body text. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Headings, paragraphs, block quotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
  1. List item
  2. List item
  3. List item
  • Bullet item
  • Bullet item
  • Bullet item
Handwriting Images
Always follow the scoops!
Packaging face
Packaging label
Packaging lids
Packaging back stickers
Packaging 2,5 liters stickers