Style Guide
.hero-heading-1
Example: The most beautiful butcher in the world.
.hero-heading-2
Example: Melbourne
.hero-heading-3
Example: Our <span>history</span>
.main-heading
Example: Proudly <span>a cut above</span>
.sub-heading
Example: Our legacy <span>148 years in the making</span>
.third-heading
Example: à la<span>Maison</span>
.fourth-heading
Example: From the highest quality, <span>most tender steak you will ever try in your life, to the juiciest burger patties, and oven ready roasts. </span>
.fifth-heading
Example: Our unique experiences
.sixth-heading
Example: Masterclasses
.seventh-heading
Example: PEOPLE
.paragraph-1
Victor Puharich, a fourth generation butcher along with his son Anthony are only the fourth owners of Victor Churchill over its illustrious 148 year history. The Victor Churchill name is a tribute to both the original founders of the store, the Churchill family and our very own Victor.
.paragraph-2
Try our latest curated additions for entertaining at home.
.paragraph-3
Experience the magic of Victor Churchill after dark with an unforgettable masterclass. Each of our masterclasses begins with a glass of wine and a chef-prepared light supper, setting the stage for a unique experience.
.paragraph-4
Elevating butchery into a performance and artform, Victor Churchill Melbourne is a space designed to spark culinary conversation and reimagine the way that we eat. The store comprises an artisan butchery and grocer, complete with a curved marble dining counter from which to revel in a multisensory food experience.
#ffffff
$colour-vc-white1
#f3f0ee
$colour-vc-white2
#efe8db
$colour-vc-warm1
#e8dfd0
$colour-vc-warm2
#fcf7ea
$colour-vc-warm3
#f0e8da
$colour-vc-warm4
#000000
$colour-vc-black1
#292019
$colour-vc-black2
#382315
$colour-vc-black3
#736f6f
$colour-vc-grey1
#787878
$colour-vc-grey2
#908e8b
$colour-vc-grey3
#8d8d8d
$colour-vc-grey4
#797876
$colour-vc-grey5
#cccccc
$colour-vc-grey6
#dadada
$colour-vc-grey7
#736158
$colour-vc-brown1
#d9cdbc
$colour-vc-brown2
#69c321
$colour-vc-green1
{% render 'icons', icon: 'maganifying-glass-black' %}
{% render 'icons', icon: 'maganifying-glass-white' %}
{% render 'icons', icon: 'logo-black' %}
{% render 'icons', icon: 'logo-white' %}
{% render 'icons', icon: 'go-down-arrow-black' %}
{% render 'icons', icon: 'go-down-arrow-white' %}
{% render 'icons', icon: 'go-left-arrow-black' %}
{% render 'icons', icon: 'go-right-arrow-black' %}
{% render 'icons', icon: 'account-black' %}
{% render 'icons', icon: 'account-white' %}
{% render 'icons', icon: 'cart-black' %}
{% render 'icons', icon: 'cart-white' %}
{% render 'icons', icon: 'hamburger-black' %}
{% render 'icons', icon: 'hamburger-white' %}
{% render 'icons', icon: 'instagram-white' %}
{% render 'icons', icon: 'facebook-white' %}
{% render 'icons', icon: 'youtube-white' %}
{% render 'icons', icon: 'cross-black' %}
{% render 'icons', icon: 'circle-black' %}
{% render 'icons', icon: 'delivery-black' %}
{% render 'icons', icon: 'service-black' %}
{% render 'icons', icon: 'satisfaction-black' %}
{% render 'icons', icon: 'award-black' %}
{% render 'icons', icon: 'minus-black' %}
{% render 'icons', icon: 'plus-black' %}
{% render 'icons', icon: 'plus-white' %}
{% render 'icons', icon: 'filled-star-black' %}
{% render 'icons', icon: 'filled-star-white' %}
{% render 'icons', icon: 'play-white' %}
.vc-btn--text.white.large
.vc-btn--text.black.large
.vc-btn--text.white.small
.vc-btn--text.black.small
.vc-btn--arrow.black
.vc-btn--button.full-width.primary
.vc-btn--button.fixed-width.primary
.vc-btn--button.primary
.vc-btn--button.primary.small
.vc-btn--button.full-width.secondary
.vc-btn--button.fixed-width.secondary
.vc-btn--button.secondary
.vc-btn--button.secondary.small