Style guide

Colors

milo colors

Primary color
Light grey
Dark grey
Black
White

Typography

Headings, body and all text used in milo

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Paragraph

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.

Paragraph large

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.

Paragraph small

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.

label
label small
Rich text
H5 Text

H1 Text

H2 Text

H3 Text

H4 Text

H6 Text

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

H3

H1

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

  • Easily make lists
  • Manage all the template styles from one page
  • Add images and other media
Person entering shipping data
Headings, paragraphs, blockquotes, 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. Numbered lists are a great way to order ideas
  2. Edwin template is packed full of features
  3. Build your agency website with Edwin
test

Forms

milo inputs, text area, checkboxes, radio boxes, select dropdowns

Send us a message

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Do you have an idea? Let’s talk about it.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.