HERO H1
Freedom Boat Club — Design System
H1 — Discover a Better Way to Boat
This paragraph tests the spacing and typography immediately following a standard page H1. It should inherit our default paragraph font, size, line height, and color.
H2 — The Freedom to Explore
Experience the freedom of boating without the responsibilities of ownership. Enjoy access to a diverse fleet and convenient club locations.
H3 — Membership Benefits
Membership provides access to a range of benefits designed to make boating more accessible and enjoyable.
H4 — What's Included
Our membership experience includes a variety of services and amenities.
H5 — Supporting Information
Smaller headings are useful for supporting information within detailed content sections, cards, and articles.
H6 — Additional Details
This paragraph completes our heading hierarchy test.
H3 — Paragraph Typography
This is a standard body paragraph. It should use Inter, our established paragraph size, line height, and global Body Text Color.
This is a second paragraph. The spacing between these two paragraphs should remain consistent without manually adjusting module padding.
This paragraph includes bold text, italic text, bold and italic text, and an example hyperlink.
H3 — Unordered List
Our membership offers several benefits:
- Access to a diverse fleet of boats
- Multiple convenient club locations
- Maintenance and storage included
- Training and ongoing support
H3 — Nested Unordered List
This example tests multiple levels of bullet indentation.
- Membership Benefits
- Access to the fleet
- Member training
- Reciprocal boating opportunities
- Club Locations
- Marina amenities
- Available boats
- Local boating destinations
H3 — Ordered List
Getting started with Freedom Boat Club is straightforward.
- Schedule a club tour
- Explore membership options
- Complete your boating orientation
- Start enjoying the water
H3 — Nested Ordered List
- Choose Your Membership
- Explore available plans
- Review membership benefits
- Complete Your Orientation
- Attend your training session
- Learn reservation procedures
- Reserve Your Boat
- Select a club location
- Choose an available boat
H3 — Long List Item Wrapping
- This is a longer list item designed to test how the text wraps onto a second or third line when the available content width becomes narrower on tablets and mobile devices.
- This is a shorter list item.
H3 — Blockquote
Blockquotes allow us to emphasize important statements or editorial excerpts.
Boating is about spending more time creating memories and less time worrying about maintenance, storage, and the responsibilities of ownership.
This paragraph follows the blockquote to test the spacing between the quote and subsequent content.
H3 — Inline Formatting
This paragraph contains strong emphasis, italic emphasis, and combined bold and italic formatting.
Here is an example of a standard hyperlink within a longer paragraph.
H3 — Final Content Spacing
This is the final paragraph in the module. It helps us verify that no unnecessary spacing remains beneath the last content element.
The Ownership Alternative
HERO H1
Freedom Boat Club — Design System
H1 — Discover a Better Way to Boat
This paragraph tests the spacing and typography immediately following a standard page H1. It should inherit our default paragraph font, size, line height, and color.
H2 — The Freedom to Explore
Experience the freedom of boating without the responsibilities of ownership. Enjoy access to a diverse fleet and convenient club locations.
H3 — Membership Benefits
Membership provides access to a range of benefits designed to make boating more accessible and enjoyable.
H4 — What's Included
Our membership experience includes a variety of services and amenities.
H5 — Supporting Information
Smaller headings are useful for supporting information within detailed content sections, cards, and articles.
H6 — Additional Details
This paragraph completes our heading hierarchy test.
H3 — Paragraph Typography
This is a standard body paragraph. It should use Inter, our established paragraph size, line height, and global Body Text Color.
This is a second paragraph. The spacing between these two paragraphs should remain consistent without manually adjusting module padding.
This paragraph includes bold text, italic text, bold and italic text, and an example hyperlink.
H3 — Unordered List
Our membership offers several benefits:
- Access to a diverse fleet of boats
- Multiple convenient club locations
- Maintenance and storage included
- Training and ongoing support
H3 — Nested Unordered List
This example tests multiple levels of bullet indentation.
- Membership Benefits
- Access to the fleet
- Member training
- Reciprocal boating opportunities
- Club Locations
- Marina amenities
- Available boats
- Local boating destinations
H3 — Ordered List
Getting started with Freedom Boat Club is straightforward.
- Schedule a club tour
- Explore membership options
- Complete your boating orientation
- Start enjoying the water
H3 — Nested Ordered List
- Choose Your Membership
- Explore available plans
- Review membership benefits
- Complete Your Orientation
- Attend your training session
- Learn reservation procedures
- Reserve Your Boat
- Select a club location
- Choose an available boat
H3 — Long List Item Wrapping
- This is a longer list item designed to test how the text wraps onto a second or third line when the available content width becomes narrower on tablets and mobile devices.
- This is a shorter list item.
H3 — Blockquote
Blockquotes allow us to emphasize important statements or editorial excerpts.
Boating is about spending more time creating memories and less time worrying about maintenance, storage, and the responsibilities of ownership.
This paragraph follows the blockquote to test the spacing between the quote and subsequent content.
H3 — Inline Formatting
This paragraph contains strong emphasis, italic emphasis, and combined bold and italic formatting.
Here is an example of a standard hyperlink within a longer paragraph.
H3 — Final Content Spacing
This is the final paragraph in the module. It helps us verify that no unnecessary spacing remains beneath the last content element.
The Ownership Alternative