style guide
A visual guide for the interface components
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph — Viverra a turpis vitae adipiscing eget eu. Condimentum ut libero quam ut fermentum tortor nulla commodo commodo aliquam in et, enim.
Text Size XLarge
Text Size Large
Text Size Medium
Text Size Small
Text Size XSmall
text style capps
Bold Text
Italic Text
Body LinkBlock Quote — “Brand is just a perception, and perception reality...”
- Unordered List Item 1
- Unordered List Item 2
- Unordered List Item 3
- Ordered List Item 1
- Ordered List Item 2
- Ordered List Item 3
Heading Classes
Heading XLarge
Heading Large
Heading Medium
Heading Small
Heading XSmall
Text Alignments
Text Align Left
Text Align Center
Text Align Right
Text Colors
Text Color Light
Text Color Accent
Color Palette
Primary
Secondary
Accent
Background CTA
Background Global
Border
Text Light
Rich Text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Block Quote — “I am a digital designer with a diverse and in-depth skillset. I've been working in the UX/UI field for 10 years and I enjoy tackling new challenges.”
- Unordered List Item 1
- Unordered List Item 2
- Unordered List Item 3
- Unordered List Item 4
- Ordered List Item 1
- Ordered List Item 2
- Ordered List Item 3
- Ordered List Item 4
Form Elements
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Column Classes
Column XLarge - 1664px
Column Large - 1269px
Column Medium - 884px
Column Small - 730px
Column XSmall - 422px
Column XSmall - 268px
Spacing Classes
Padding Bottom 0
Padding Top 0
Padding 0
Margin 0
Margin 4
Margin 8
Margin 12
Margin 16
Margin 24
Margin 32
Margin 40
Margin 48
Margin 56
Margin 64
Margin 72
Margin 80
Grid Classes
Experience what you've always wanted
The San Diego Rodeo Alliance is a group dedicated to responsible practices and the preservation of our cultural heritage. Contact info@sdrodeoalliance.org to learn more.
Join Now
