UH-GAF
/
Style Guide
Heading
Paragraph
Text
Text Links
Buttons
Colors
Icons
Spacing
Blocks
Style Guide

heading

Style: H1
Font: Helvetica now display
Weight: Black
Size: 5.96em/96px

Heading

Style: H2
Font: Helvetica now display
Weight: Black
Size: 4.0625em/65px

Heading

Style: H3
Font: Helvetica now display
Weight: Black
Size: 2.55605/50px

Heading

Style: H4
Font: Helvetica now display
Weight: Bold
Size: 2.5em/40px

Heading

Style: H5
Font: Helvetica now display
Weight: Bold
Size: 1.63547em/24px
Heading
Style: H6
Font: Helvetica now display
Weight: Black
Size: 1em/16px
Heading
Style Guide

paragraph

Style: Long-Paragraph
Font: Helvetica now display
Weight: Medium-500
Size: 1em/19.2px
Max Characters: None

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.

Style: Medium-Paragraph
Font: Helvetica now display
Weight: Medium-500
Size: 1em/19.2px
Max Characters: 60

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.

Style: Short-Paragraph
Font: Helvetica now display
Weight: Medium-500
Size: 1em/19.2px
Max Characters: 40

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.

Style Guide

text

Style: Text
Font: Helvetica now display
Weight: Medium
Size: 1.2em/19.2px
Height: 20px
Lorem ipsum dolor
Style: Title
Font: Helvetica now display
Weight: Bold
Size: 1.2em/19.2px
Height: 20px
Text
Style: Big-title
Font - Helvetica now display
Weight - Bold
Size 1.5em/24px
Text
Style Guide

Text Links

Style: Learn-more-link
Font: Helvetica now display
Weight: Bold
Size: 1.2em/19.2px
Height: 20px
Study at UH
Arrow-right
Style-02: Learn-more-link
Font: Helvetica now display
Weight: Bold
Size: 1.2em/19.2px
Height: 20px
Study at UH
right-icon
Style: Nav-link
Font: Helvetica now display
Weight: Black
Size: 1em/16px
Height: 20px
Study at UH
Style Guide

buttons

Style: Primary button
Font: Helvetica now display
Weight: Bold
Size: 1.2em/19.2px
Height: 20px
Get in touch
right-icon
Style: Secondary button
Font: Helvetica now display
Weight: Bold
Size: 1.2em/19.2px
Height: 20px
Get in touch
right-icon
Style: Primary CTA
Font: Helvetica now display
Weight: Bold
Size: 1.2em/19.2px
Height: 20px
Get in touch
UH-GAF-partners
Style Guide

colors

Name: Medium Orchid
Color Code: #9a5bb3
Name: Dark Slate Blue
Color Code: #66476e
Name: Dark Slate Grey
Color Code: #30454f
Name: Silver Orchid
Color Code: #c2c2c2
Name: Grey
Color Code: #F0F0F0
Name: White Smoke
Color Code: #f8f8f8
Style Guide

Icons

right-arrowarrow upArrow-rightmenu-iconbrouchure iconEmail-iconPhone-iconVideoData iconSearch Icon
right-iconArrow-rightArrow down iconClose-iconsend iconUH-GAF-partnerssearch iconWorking hours iconCall iconPin iconPlay iconshare iconFacebook IconInstagram IconYoutubeLinkedIn Icon
Style Guide

Spacing

Style: Text Spacing - Height: 2em/32px
Style: Button Spacing - Height: 3em/48px
Style: Section Spacing - Height: 4em/64px
Style: Page Padding - Padding Right: 7em/112px - Padding Left: 7em/112px
Style Guide

Blocks

Get in touch