Home
About
About the Chamber
About the Community
Meet the Board
Newsroom
Privacy Policy
Terms & Conditions
Events
Contact Us
Contact
The Community 👋
The Community 👋
Dashboard
Welcome
Log Out 🔐
Sign In 🔑
Manage Profile ⚙️
Explore Membership
Sign In
Manage Profile
Log Out
Join Today
Revised August 2020
Style Guide
A central guide for common interface components for the Bondi & Districts Chamber of Commerce.
Colours
A complete colour swatch used to colour all interface elements on the website.
Primary 1
Primary 2
Primary 3
Dark
Light
White
Border - Dark
Input Border - Dark
Border - White
Border - White Bold
Typography
Headings, body and other common text elements.
Display Heading
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Large Text
Large Link
Body Text
Body Link
Small Text
Small Link
Fine Print Text
Fine Print Link
small caps text
Link Text
Icons - General | Bondi & Districts Chamber of Commerce
Used for interface iconography
Icons - Social | Bondi & Districts Chamber of Commerce
Common social network icons
Buttons | Bondi & Districts Chamber of Commerce
Component, text style and size variations
Sizes
Small
Standard
Large
Variations
Filled
Outline
alternative
Colors
Primary 1
Primary 2
Primary 3
Icons
Forms | Bondi & Districts Chamber of Commerce
Size and state variations for text inputs
Input Sizes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkboxes
Unchecked
Checked
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Switches
Click me
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Badges | Bondi & Districts Chamber of Commerce
Size and state variations for text inputs
White
Primary 1
Primary 2
Primary 3
Check Icon
