Styleguide | Revelry Labs

Revelry Labs

Unleashing Human Potential with Technology

Page Intro Block

Page Header h1

This page is using the default template. The default template topbar is transparent, so the first block on the page needs a background color so you can see the navigation links.

This is a Page Intro Block. It has a navy background.
You could also use a Hero Block or a Hero Slider

CTA Button
Section Intro Block

Section Intro h2

This is a Section Intro Block. You can use this to introduce content that follows.

Card Image Header

Here is some card content. Try to keep this pretty short, as longer amounts of text become hard to read at this width.

Brennan Card Header

Here is some card content. Try to keep this pretty short, as longer amounts of text become hard to read at this width.

Brandon Bennett

Brandon Card Header

Here is some card content. Try to keep this pretty short, as longer amounts of text become hard to read at this width.

Section Intro

Section Intro Header

This is another Section Intro Block. I’m using it to introduce the Logo Wall. I also added a class of u-BorderTop to separate this block from the Card Grid above.

Side by Side Block Header h3

This is a Side by Side Block. You will need an image and these blocks look best when they have a background color.

This block will only be as tall as the content you add.

Learn More

Side by Side Block Header h3

This is another side by side block. This time the image is on the left.

This block will only be as tall as the content you add.

Learn More
Section Intro Block

Section Intro Block Header

Here is another Section Intro Block. It’s introducing the image gallery below it. I added a class of u-BorderTop to separate from the testimonial slider above.

CTA Block

CTA Block Header h2

This is a CTA block. It’s used to call attention to the main thing you want users to do when they reach this page.

Do This Thing