Sean Test Site

Shop

This page is a reference for styles and includes examples of common components and block types that can be used to build out additional content on the site. Simply copy the block or styles to paste on new pages.

DO NOT DELETE OR EDIT

Headers

H1 Title

H2 Title

H3 Title

H4 Title

H5 Title (bold)
H6 Title (typically in ALL CAPS and color)

Headers – Bold

H1 Title

H2 Title

H3 Title

H4 Title

H5 Title
H6 Title (typically in ALL CAPS and color)

Header Pairing – Left Aligned

H6 SUBTITLE IN ALL CAPS

Left Aligned H1 Title paired with the H6 Subtitle

Pair with some paragraph text that is also left aligned. This is meant to be longer form and descriptive, but shouldn’t exceed a few sentences.

Header Pairing – Center Aligned

H6 SUBTITLE IN ALL CAPS

Centered H1 Title paired with the H6 Subtitle

Pair with some paragraph text that is also centered. This is meant to be longer form and descriptive, but shouldn’t exceed a few sentences.

Button Styles

STYLE 1

Primary Color Solid

BUTTON

STYLE 2

Primary Color Outline

BUTTON

STYLE 3

Secondary Color Solid

BUTTON

STYLE 4

Secondary Color Outline

BUTTON

STYLE 1

Sharp corners

BUTTON

STYLE 2

Rounded corners

BUTTON

STYLE 3

Pill style

BUTTON

STYLE 1

Small

BUTTON

STYLE 2

Medium (default)

BUTTON

STYLE 3

Large

BUTTON

Tabs – Horizontal

  • test
  • test
  • test

Tabs – Vertical

Example of a text paragraph in a tab element with an item list.

  • List Item One
  • List Item Two
  • List Item Three

Accordion Styles

File Block

example file titleDownload

File Link with Icon

Link to Download File

Link to Download File

CTA

Alt Image Attribute

CTA Title

CTA – Button

Alt Image Attribute

CTA Title

Button

CTA – Card

Alt Image Attribute

Title

Tag

CTA – Caption

Alt Image Attribute

Title

Caption

Button

Cover Block CTA – With Background Image


Example Title

BUTTON


Example Title

Example with optional descriptive paragraph text for the CTA card and reduced image opacity.

BUTTON

Cover Block CTA – No BG Image


General Safety

This guide is formulated to assist in educating yourself to minimize risks and prevent unnecessary injuries while playing baseball.

BUTTON

SE – CTA Info Card

Card Title
Additional text content to further describe purpose or subject of the styled Call to Action card. Can be used for coaching staff or player profile cards.

CTA Grid – Using Cover Blocks to create CTAs

Two column

COACHING YOUR CHILD

learn more

DIVISIONAL FOCUSES

learn more

Three column

COACHING YOUR CHILD

learn more

DIVISIONAL FOCUSES

learn more

TRAINING

learn more

Table Style

Header 1Header 2Header 3Header 4Header 5
Row 1TestExampleDataInformation
Row 2TestExampleDataInformation
Row 3TestExampleDataInformation
Row 4TestExampleDataInformation
Row 5TestExampleDataInformation

Media & Text

Heading Example

Example paragraph for the Media & Text page block. this is great for displaying an image and text pairing.

Heading Example

Example paragraph for the Media & Text page block. this is great for displaying an image and text pairing.

Follow Us