Hey Rebekah Logo

Style Guide

Our website style guide is yours to steal like an artist. But don't forget to grab the appropriate licenses for any paid services we may have used. Show us what you build.

Built with: Sanity.io, Next JS, Tailwind UI, Tailwind CSS, Stablo Pro Blog Template, and a whole lotta grief from Ambreen and Rebekah.

Colors

Typography

h1

This is a Heading

h2

This is a Heading

h3

This is a Heading

h4

This is a Heading

h5
This is a Heading
h6
This is a Heading

This is a lead paragraph. It stands out from regular paragraphs.

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

Badges

Default BadgePrimarySecondaryPrimary largePrimary MediumPrimary SmallSecondary LargeSecondary mediumSecondary small

Blockquote

This stylesheet is going to help so freaking much.

Blockquote

Prose

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Here are the popular list types.

Unordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

Ordered List

  • List Item 1
  • List Item 2
  • List Item 3

Tables

TitleJobStatus
JohnathanSr. DeveloperActive
MaryDesignerResigned
Luca MandersMarketing LeadHold
Evan SpacerInternPending

Misc Stuff.

Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, <code> at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

Buttons

Button Links

Forms