Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is a standard paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Bold text example.

Italic text example.

Link example

Unordered list item 1
Unordered list item 2
Unordered list item 3

Ordered list item 1
Ordered list item 2
Ordered list item 3

This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
— Source Name

This is inline code.

This is a code block example.

Buttons

Button Variants

Primary Button Secondary Button Outline Button Ghost Button

Button Sizes

Small Button Default Size Large Button Extra Large Button

Full Width Button

Icon Button

🔍 ☰ ✕

Button States

Disabled Button

Forms

Cards

Card Title

This is a card example. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Another Card

This is another card example. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Animations

Fade In Animation

This element fades in when it enters the viewport.

Slide Up Animation

This element slides up and fades in when it enters the viewport.

Shortcodes

Year Shortcode: 2026

Site Name Shortcode: WhiteBull Crossfit