Squamish Pirates Swim Club

Theme Test Page

This temporary page lets us review typography, colours, buttons, cards, forms and other common Pool Queue components together.

Typography

Squamish Pirates Swim Club provides competitive and recreational swimming opportunities for athletes in the Sea to Sky community.

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

This is normal body text. It should feel clean, modern and easy to read across desktop, tablet and mobile devices.

This is muted supporting text used throughout the Pool Queue interface.

This is bold body text.

This paragraph contains a standard text link for testing link colours and hover behaviour.


Buttons

Primary and secondary actions should be obvious without overwhelming the page.


Cards

Cards are used heavily throughout Pool Queue for programs, registration, events and general content.

Summer Swimming

Swim With the Pirates

A sample program card showing standard headings, body copy and primary actions.

Competitive Swimming

Train. Race. Grow.

This card tests a contextual header together with the standard white card body.

Pirates Community

This tests white typography and a primary red action against the darkest club background.


Alerts and Status Messages

Registration is open. This is a primary informational alert.
Pool update: This is an informational message with muted secondary text.

Badges

Primary Secondary Information Light Dark

List Groups

A simple example of navigation or registration options.


Forms

Inputs should remain neutral until they receive focus.


Tables

ProgramSeasonStatus
Summer CompetitiveSummerOpen
Winter MaintenanceWinterUpcoming
OCAT CompetitiveYear RoundInformation

Contextual Backgrounds

These are useful for feature sections, calls to action and page separators.

Light Section

A subtle background for supporting content.

Primary Section

Club red used for an important call to action.

Secondary Section

Charcoal gives us a neutral alternative to the stronger pirate red.

Dark Section

This tests the darkest part of the visual system.