AQWA - Design System 🎨
Typography
f-tagline-a
Dine Beneath the sea Dine Beneath the sea Dine Beneath the sea
f-tagline-a--large
Dine Beneath the sea Dine Beneath the sea Dine Beneath the sea
f-display-a
Heading Here
f-display-b
Heading Here
f-display-c
Heading Here
f-display-d
Heading Here
f-display-e
Heading Here
f-display-f
Heading Here
f-display-g
Heading Here
f-display-h
Heading Here
f-copy-b
Lorem ipsum dolor sit amet consectetur adipisicing elit.
f-copy-c
Lorem ipsum dolor sit amet consectetur adipisicing elit.
f-copy-d
Lorem ipsum dolor sit amet consectetur adipisicing elit.
ul.small-bullet-list
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit.
- Lorem, ipsum dolor sit amet consectetur adipisicing.
- Lorem ipsum dolor sit amet.
.f-list-a.f-copy-b
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit.
- Lorem, ipsum dolor sit amet consectetur adipisicing.
- Lorem ipsum dolor sit amet.
Icons
General
.c-icon-chevron
.c-icon-chevron .c-icon-chevron--reverse
.c-icon-chevron .c-icon-chevron--white
.c-icon-chevron .c-icon-chevron--white .c-icon-chevron--reverse
.c-icon-arrow
Buttons
c-button-outlined
c-button-outlined c-button-outlined--thin
c-button-outlined c-button-outlined--white
Cards
.c-card-squared
component-card-squared.php
card squared

Videos
Component: Video Embed
component-video-embed.php

Containers
.l-container-1
Adds 80px margin onto the top and 40px on tablet if there is another l-container above
.l-container-2 .mt-0
Adds 120px margin onto the top and 40px on tablet if there is another container above
.l-container-2
Adds 120px margin onto the top and 40px on tablet if there is another container above
.l-container-2 .my-0
Adds 120px margin onto the top and 40px on tablet if there is another container above
Lorem Ipsum Dolor Sit
.l-container-2
Adds 120px margin onto the top and 40px on tablet if there is another container above
Components
padding-80
Containers have padding top and bottom of 80px
bg-wavy
Video Embed

Ticketed Area
Ticket Prompt
Lorem Ipsum Dolor Sit
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sed dolores molestiae vitae.
Experience Bar
Text Divider
l-information-row
$28 Entry and Lunch Combo
Lorem ipsum dolor sit amet, conse adipisicing elit, sed do eiusmod tempor incididunt ut labore et.
box-b + border-grey-d7d + c-border-between + l-padding-between
-
Whale Watching
22 JAN -25 JAN
The whales are here! Western Australia’s humpback whale population has begun its annual migration south and will be passing by Perth by late August! AQWA partners with two of Perth’s premiere charter companies to host a unique whale watching experience right out of Hillarys Boat Harbour.
-
Whale Watching
22 JAN -25 JAN
The whales are here! Western Australia’s humpback whale population has begun its annual migration south and will be passing by Perth by late August! AQWA partners with two of Perth’s premiere charter companies to host a unique whale watching experience right out of Hillarys Boat Harbour.
-
Whale Watching
22 JAN -25 JAN
The whales are here! Western Australia’s humpback whale population has begun its annual migration south and will be passing by Perth by late August! AQWA partners with two of Perth’s premiere charter companies to host a unique whale watching experience right out of Hillarys Boat Harbour.
-
Whale Watching
22 JAN -25 JAN
The whales are here! Western Australia’s humpback whale population has begun its annual migration south and will be passing by Perth by late August! AQWA partners with two of Perth’s premiere charter companies to host a unique whale watching experience right out of Hillarys Boat Harbour.
l-box-promo

Dec - Jan
School Holidays at AQWA
Component: Info Chunk
Lorem Ipsum Dolor Sit
Lorem Ipsum Dolor Sit
Sections
Section: Products Table
section-products-table.php
Buy Tickets
An awesome underwater adventure awaits you at the Aquariam of Western Australia!
Section: Experience Bar
section-experience-bar.php
Backgrounds
.bg-wavy