Cambridge House

Style Guide

This page outlines the current styles and standards for the Cambridge House website.

Colors

An overview of this site's brand colors.

Action

Action

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Primary

Primary

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Secondary

Secondary

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Accent

Accent

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Base

Base

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Shade

Shade

Ultra Light

Light

Medium

Dark

Ultra Dark

Action

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Primary

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Secondary

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Accent

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Base

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Shade

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Buttons

Solid and outline buttons are available across all color sets including black and white.

BUTTONS ON LIGHT BACKGROUND

ActionAction OutlinePrimaryPrimary OutlineSecondarySecondary OutlineAccentAccent OutlineBaseBase Outline

BUTTONS ON DARK BACKGROUND

ActionAction OutlinePrimaryPrimary OutlineSecondarySecondary OutlineAccentAccent OutlineWhiteWhite Outline
Button scale
Button XS
btn--primary / btn--xs
Button S
btn--primary / btn--s
Button M
btn--primary / btn--m
Button L
btn--primary / btn--l
Button XL
btn--primary / btn--xl
Button XXL
btn--primary / btn--xxl

Typography

Below is an overview of responsive typography sizes and weights for this site. These are computed from a base size and a mathematical scale.
Headings
H1 (--xxl)

Heading 1 Regular

Heading 1 Medium

Heading 1 Bold

H2 (--xl)

Heading 2 Regular

Heading 2 Medium

Heading 2 Bold

H3 (--l)

Heading 3 Regular

Heading 3 Medium

Heading 3 Bold

H4 (--m)

Heading 4 Regular

Heading 4 Medium

Heading 4 Bold

H5 (--s)
Heading 5 Regular
Heading 5 Medium
Heading 5 Bold
H6 (--xs)
Heading 6 Regular
Heading 6 Medium
Heading 6 Bold
Body Text
BODY TEXT (--m)
Text m Regular
Text m Medium
Text m Bold
SMALL TEXT (--s)
Text s Regular
Text s Medium
Text s Bold
XTRA SMALL TEXT (--xs)
Text xs Regular
Text xs Medium
Text xs Bold
Examples

Heading 1 (H1)

This is large text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading 2 (H2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading 3 (H3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading 4 (H4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Heading 5 (H5)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Heading 6 (H6)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Widths

There are six values you can use to control element width. They're automatically responsive.
--width-xs
--width-s
--width-m
--width-l
--width-xl
--width-xxl

Section Padding

Padding for sections is responsive and based on a multiplier of the core spacing system.
None
XS
S
M
L
XL
XXL

Spacing

There are six levels of responsive spacing calculated from a base size and a mathematical scale. This ensures margin, padding, and gaps all match perfectly.
--space-xs
--space-s
--space-m
--space-l
--space-xl
--space-xxl

Element Padding

Here are the six levels of spacing visualized as padding.

Card

This is a card with XS padding. Its content is pretty close to the edges.

Card

This is a card with S padding. It has a little bit tighter padding.

Card

This is a card with M padding. It has standard breathing room.

Card

This is a card with L padding. It has extra breathing room.

Card

This is a card with XL padding. It has significant breathing room.

Card

This is a card with XXL padding. Avoid using this in a confined space.

Shadows

There are three multi-layer box shadows to choose from.
Box shadow M
Box shadow L
Box shadow XL

Border radius

There are six border radius values calculated from a base size and a mathematical scale.
Rounded XS
Rounded S
Rounded M
Rounded L
Rounded XL
Rounded XXL

Reservation Policy

DINING AVAILABILITY :
We are pleased to accept reservations, which are necessary and must be made at least 5 days in advance. Dining reservations are limited to a maximum of ten diners per group. Please note, we are unable to accommodate infants and children under twelve years of age.

MENU PRICING :

  • SHIOmakase Seasonal Menu: $472 per person (March-November).
  • SHIOmakase Festive Menu: $524 per person (December-February).
  • Beverage Pairing: $147 per person.
  • Prices are subject to change without notice.

DINING RESERVATION POLICY :

  • Payment of the full menu price is required in advance for dining reservations. Cancellations or date changes require 7 days’ notice for a full refund (less a $25 admin fee). Cancellations made with less than 7 days’ notice will receive a 50% refund.
  • Please note that all dietary requirements must be communicated in advance and cannot be met without prior arrangement.
  • Reservations are not available for children under twelve years of age, including infants.

Changes to existing reservations are subject to availability and cannot be guaranteed.

DINING REGULATIONS :
The “SHIOmakase” dining experience typically lasts 3 to 4 hours. We kindly request that guests arrive on time for their reservation.

ACCOMMODATION RESERVATION POLICY :
A 50% deposit is required for guest room accommodation reservations. For cancellations or date changes, a 7 days’ notice is required for a full refund (less a $25 admin fee). No refund will be issued for cancellations made with less than 7 days’ notice. Children, including infants, are not permitted in guest rooms.

DIETARY RESTRICTIONS :
Please notify us of any allergies or dietary restrictions no less than seven days before arrival. Note that our menu is primarily seafood-based and we regret that we cannot accommodate the following dietary restrictions: FODMAPcar, halal, paleo, keto, and carnitarian.

Accept All

CAMBRIDGE HOUSE BREAKFAST & BED
2 School Rd., Geeveston Tas 7116, Australia
Tel. +61(0)4-4751-4452
E-Mail. [email protected]

©2023, CAMBRIDGEHOUSE.COM.AU

We use our own cookies, as well as those of third parties, for individual as well as repeated sessions, in order to make the navigation of our website easy and safe for our users. In turn, we use cookies to measure and obtain statistical data about the navigation of the users. You can Cookies policy about our Cookie Policy.

Privacy Preferences

You can choose your cookie settings by turning them on/off. Cookies in each category can be customized according to your needs, except for essential cookies.

ALLOW ALL
Manage Consent Preferences
  • Strictly necessary cookies
    Always Active

    These types of cookies are necessary for the website to function. so that you can use it normally and visit the website You cannot disable this cookie on our website.

SAVE