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 Diamond Allegiance

H2 Diamond Allegiance

H3 Diamond Allegiance

H4 Diamond Allegiance

H5 Diamond Allegiance (bold)

H6 DIAMOND ALLEGIANCE (typically in ALL CAPS)

Headers – Bold

H1 Diamond Allegiance

H2 Diamond Allegiance

H3 Diamond Allegiance

H4 Diamond Allegiance

H5 Diamond Allegiance

H6 DIAMOND ALLEGIANCE (typically in ALL CAPS)

Header Pairing – Left Aligned

BLUE H6 IN ALL CAPS

Center H1 Long Title to pair with the Blue H6

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

BLUE H6 IN ALL CAPS

Center H1 Long Title to pair with the Blue H6

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

Tabs – Horizontal

Tab 1 Tab 2

test
test
test

Tabs – Vertical

Tab 1 Tab 2

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

List Item One
List Item Two
List Item Three

Accordion Styles

Diamond Allegiance Test

This is a paragraph

Diamond Allegiance Test 2

This is a paragraph

File Block

example file title Download

CTA

CTA Title

CTA – Button

CTA Title

Button

CTA – Card

Title

Tag

CTA – Caption

Title

Caption

Button

Call to Action – With Background Image

Example Title

BUTTON

Example Title

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

BUTTON

Call to Action – 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

Table Style

Header 1	Header 2	Header 3	Header 4	Header 5
Row 1	Test	Example	Data	Information
Row 2	Test	Example	Data	Information
Row 3	Test	Example	Data	Information
Row 4	Test	Example	Data	Information
Row 5	Test	Example	Data	Information