Cape Breton Dorados
Theme Test Page
This page is used to review typography, colours, buttons, cards, alerts, forms and other Bootstrap components across the Dorados website.
Typography
This section shows the standard heading hierarchy and body typography used throughout the website.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
This is lead text designed to introduce an important section of a page.
This is standard body copy. Cape Breton Dorados provides swimmers with opportunities to develop skills, confidence, fitness and a lifelong enjoyment of competitive swimming.
This is muted supporting text used for less prominent information.
This text is bold. This text is emphasized. This text uses the primary colour. This text uses the secondary colour.
Buttons
Primary and secondary actions should remain clear across light and dark sections.
Buttons on Primary Background
Primary actions placed on a navy background should remain visually distinct.
Brand Backgrounds
These sections show how headings, body text and calls to action behave on the core contextual backgrounds.
Primary Background
Cape Breton Dorados navy provides the strongest branded background treatment.
Secondary Background
Dorados gold should be used deliberately for emphasis and high-impact sections.
Dark Background
The deeper navy gives us another option for footers and high-contrast areas.
Light Background
Light sections provide breathing room between stronger branded areas.
Cards
Cards are used throughout Pool Queue for programs, events, information and calls to action.
Develop Skills
A clean standard card for general information and supporting content.
Build Confidence
A high-impact card using the club's primary navy colour.
Be Part of the Team
Gold can create a distinctive highlight when used selectively.
Alerts
Pool Queue uses alert panels for important notices and application messages.
Important club information can be highlighted without overwhelming the page.
This panel also tests muted text inside an informational alert.
Supporting details should remain clearly readable.This is the standard Bootstrap warning treatment.
This is the standard Bootstrap danger treatment.
Badges
Badges provide compact status and category indicators.
List Groups
List groups appear in many areas of Pool Queue and should feel consistent with the overall theme.
Forms
This provides a quick check of standard input, select and checkbox styling.
Table
Tables should remain clear and readable without becoming visually heavy.
| Program | Level | Status |
|---|---|---|
| Development | Introductory | Open |
| Competitive | Intermediate | Active |
| Performance | Advanced | Dorados |