Web Style Guide

Sitewide H1 Tags

Open a new world of possibilites.

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

Sitewide H2 Tags

Inspire, connect and engage.

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

Sitewide H3 Tags

Let's imagine new possibilites.

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

Sitewide H4 Tags

Maps to help guide you through the process.

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

Sitewide H5 Tags - however the color is achieved with the global .text--{color} class

Percent capture rate at Guru partner museums. Lorem Ipsum dolor iced coffee fill the box with 4 lines maximum.

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

Large number sliders, has a class of .emphatic-number

75

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

Header and Footer text, has a class of .lead

Today's digital-first culture demands higher expecations.

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

Selector Text for sliders, sub-headers above or below headlines. had a .lead-sub class

01 Your Museum

02 Highlight Your Stories

03 All in One Dashboard

04 Ignite Ar/VR Creativity

05 Your Measure Success

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

Subheader copy for CTA's which has a class of .cta-sub, and then Actual CTA's have a class of .btn (for a tags and p tags just in case)

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

P Tags altered to be larger, with the .larger class

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus magnam, accusamus unde numquam quis in ad atque ipsa animi totam, dolorum odit ipsam aperiam velit itaque! Optio quod, magnam. Ducimus.

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

Regular body copy / p tags

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus magnam, accusamus unde numquam quis in ad atque ipsa animi totam, dolorum odit ipsam aperiam velit itaque! Optio quod, magnam. Ducimus.

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

P Tags altered to be smaller, with the .smaller class

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus magnam, accusamus unde numquam quis in ad atque ipsa animi totam, dolorum odit ipsam aperiam velit itaque! Optio quod, magnam. Ducimus.

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.

Navigation Menu Items

Notes

  • Text Here.

Mobile

  • Text Here.

Tablet & Bigger

  • Text Here.