HOME
ABOUT ME
Services
Weight Management
Diabetes
Cardiovascular Disease
Coeliac Disease
Diverticular Disease
Irritable Bowel Syndrome
Food Intolerances
Childhood Obesity
Inflammatory Bowel Disease
Malnutrition
Insulin Resistance & PCOS
Genetic Testing
Locations
Milsons Point
Mount Kuring-Gai
West Pennant Hills
FAQ
Blog
Hot Topics
Recipes
Book Now
style guide
Modular & Reusable
Colors
A conveniently prepared palette to easily adjust all colors.
Primary 1
Primary 2
Primary 3
Primary 4
Gray 1
Gray 2
Gray 3
Gray 4
White
Success
Warning
Danger
Typography
Headings, body and other common text elements.
Display
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Large Text
Large Link
Body Text
Body Link
Small Text
Small Link
Uppercase Text
Icons - Interface
Common interface iconography
Icons - Social
Common social network icons
Buttons
Component, text style and size variations
small
standard
Large
Filled
Outline
Form Inputs
Size and state variations for text inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Field Label
* Input hint text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Selectables
Checkboxes and Radios
Unchecked
Checked
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Option 1
Option 2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Switch off
Switch on
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Badges
Combine with other components to display metadata
BG Primary 1
BG Primary 2
BG Primary 3
BG Primary 4
BG Gray 1
BG Gray 2
BG Gray 3
BG Gray 4
BG White
BG Success
BG Warning
BG Danger
Avatars
Represent users about the interface
Cards
Structural component for displaying boxed content
subheading
Heading
This is some text inside of a div block.
subheading
Heading
Pellentesque. Mauris, rutrum libero elit ut sit et praesent pellentesque amet. Vel urna, elementum tincidunt enim.
Large