Components
The building blocks of every Headland Yachting page, in light and dark mode. They take their colours, type and corners from the brand, so they always match.
Buttons
One primary button per view, for the main thing to do next. Secondary buttons for everything else.
Links
Links in running text are underlined in the accent colour, so they stand out without relying on colour alone.
Links in running text are underlined in the accent colour, so they stand out without relying on colour alone.
Cards
Callout
Form fields
Tags
DesignBuildAccessibility
DesignBuildAccessibility
Breadcrumb
Pages inside a section show where they sit above the title, instead of a label in capitals.
Accordion
A question people ask
Its answer, open by default for the first item.
Another question
Each item opens on its own.
A question people ask
Its answer, open by default for the first item.
Another question
Each item opens on its own.
Stats
3×
A headline number
98%
With a one-line caption
3×
A headline number
98%
With a one-line caption
Table
| Item | Detail |
|---|---|
| First row | Tables sit on the card colour |
| Second row | and scroll sideways when wide |
| Item | Detail |
|---|---|
| First row | Tables sit on the card colour |
| Second row | and scroll sideways when wide |