Behind a powerful,
consistently expressed website, there is
a page: a living style guide.

Styleguide

Colors, typography and elements are building blocks of our brand.

#513ceb
Primary

#ddd9ff
Primary Fade

#f8f8fa
Off-White

#707070
Gray

#191919
Off-Black

Heading 1

Swear Display Medium, 50px, 62px line, 0em track, Camel Case, 65ch/line

Heading 2

Swear Display Medium, 38px, 48px line, 0.01em track, Camel Case, 65ch/line

Heading 3

Swear Display Medium, 26px, 32px line, 0.01em track, Camel Case, 65ch/line

Heading 4

Swear Display Medium, 18px, 22px line, 0.02em track, Camel Case, 65ch/line

Paragraph

Degular Regular, 21px, 32px line, 0em track, Camel Case, 70ch/line

Paragraph Emphasis

Degular SemiBold, 30px, 45px line, 0em track, Camel Case, 80ch/line

Degular SemiBold, 14px, 21px line, 0em track, Camel Case, 80ch/line

Caption

Fantabular MVB Regular, 9px, 12px line, 0em track, Camel Case, 80ch/line

University of Washington
‍Master of DesignUW MDesign

Title

Text Link →

Link Modifier

Link Arrow Lottie Hover

Navigation Link

Navigation Arrow Link

Apply

Navigation Apply Arrow Link

Apply

Navigation Apply Moving Arrow Link (Deprecated)

Link

Page Bar Arrow Link

Navigation Menu Trigger

Unordered list item
Unordered list item

Unordered Lists

Ordered list item
Ordered list item

Ordered Lists

Application for Graduate Study at the University of Washington

To finalize your application, please submit the $85 application fee. Once finalized, you will no longer be able to update your online app, however the department can view your complete application and answer questions. Your application is not complete without the fee. Please apply online here. →

Accordion

Don't forget to update the description, when you update the styles on the right!

Caption

Hero Link

Hero Headline

A caption for this image will fill this space. There is room for up to four lines.

Components

This is big quotes in grid level one.

Grid Level 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac ultricies sem, efficitur placerat risus. Aenean arcu tortor, euismod nec auctor sed, mollis sed nisl. Aliquam vehicula, orci eu convallis condimentum, enim mi lacinia quam, et pharetra metus nisl et sapien. Pellentesque libero eros, tempor blandit est accumsan, condimentum pellentesque ex. Donec auctor euismod sapien in placerat. Fusce in leo sapien. Duis eu nisi lacus. Proin nulla sem, ultricies a eros eu, aliquam dignissim augue. Donec volutpat mi non sem rhoncus, id volutpat enim accumsan. Etiam tempus mi sed felis dapibus aliquet. →

Grid Level 2

Grid People