Full Org Name Here Brand Guidelines

The Face of Your Brand

Logos

The logo conveys your brand more than any other element.

  • Light Background Logo

    On top of light or white, this logo will be used.

  • Dark Background Logo

    On darker background colors this logo will be used.

  • Favicon

    The favicon displays in the browser tab and other locations.

The Color of Emotion

Brand Colors

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Primary

    Short yet extremely creative and catchy description of the feature.

  • Secondary

    Short yet extremely creative and catchy description of the feature.

  • Accent

    Short yet extremely creative and catchy description of the feature.

  • Action

    Short yet extremely creative and catchy description of the feature.

  1. Background Color 1

    The background color on this section.
    var(--primary-ultra-light)
  2. Background Color 2

    The background color on the next section.
    var(--primary-ultra-light)

The Fonts of Feeling

Brand Typography

Writing on our site conveys a modern, playful mood, with clear and rounded fonts and ample spacing.

Headings Font: {mb_org-info_headings_font} Weight: 800

Normal Text Font: {mb_org-info_text_font}
Weight: 300

Headings Capitalization: First Letter (All Caps on Buttons)

  • Line height: 1 .5
  • Letter Spacing1.2
  • GapMedium
This is the size of normal text on your website. Do you want it larger? Do you want it smaller?
What color do you want links to be? What about on hover?
By default they are automatically sent to the website's primary color - which is this color.