Style Guide

MCQMED Redesign v.4.0

Branding

Brand Guideline

Favicons

Colors

Red Brand Color
#F04653
Blue Brand Color
#003049
Secondary Blue Brand Color
#557586
White
#FFF
Black
#000
Background Color
#F2F2F2

Typography

Hero Title

Heading 1 - Bold

Heading 2 - Bold

Heading 3 - Bold

Heading 4 - Bold

Paragraph - Lorem ipsum dolor sit amet consectetur. Tincidunt faucibus amet erat in mauris lacus facilisi. Lorem ipsum dolor sit amet consectetur. Tincidunt faucibus amet erat in mauris lacus facilisi.

Buttons

Brand Buttons

Brand Red Brand Blue Brand Blue Outline Brand Gray

Other Buttons - (Click on the buttons to see the alert box)



Social Buttons



Icons

Profiles

Why Choose us

Illustrations

Subjects

What we offer

Patterns



Pagination



Tables

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter


Forms



Without Validations



With Validations

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
You must agree before submitting.


Website forms

Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.
By clicking the button below you agree to our Terms of Service and have read and understand our Privacy Policy.
Continue