Original Website Reference · Statamic

Barossa Fine Foods — Type & Font Styleguide

A reference of every font used on the original barossafinefoods.com.au site, including sizes, weights and where each is used — captured from the legacy Statamic theme source.

Note: The three Praktika weights are self-hosted and render correctly. Mrs Eaves and Bebas Neue Pro are Adobe Fonts and are domain-locked — they display correctly on an authorised store domain; otherwise they fall back to a substitute serif / sans.

Font Families

Five typefaces are used across the site. Praktika is the self-hosted MyFonts/Monotype kit; the serif and Bebas are delivered via Adobe Fonts (Typekit).

Self-hosted  delivered from the theme (works everywhere) Adobe Fonts  delivered via Typekit kit gug3kpl

mrs-eaves-xl-serif Adobe

Regular 400 · Bold 800 · Italic
Barossa Fine Foods
AaBbCcDdEeFfGg 0123456789 & ? !

Used for: the base body copy across the whole site, the main h1 page headings (italic, bold), h5/h6, and large intro/quote text (p.title). This is the site's primary editorial serif.

Praktika-BoldExtended Self-hosted

Kit file 37AE06_1_0 · weight ~700
Barossa Fine Foods
AaBbCcDdEeFfGg 0123456789 & ? !

Used for: the workhorse UI font — sub-headings h2/h3/h4, buttons, navigation top-level links, form labels, the cart, notifications, recipe "featured" labels and generic .heading elements. Almost always UPPERCASE with letter-spacing: 0.1rem.

Praktika-ExtraBoldExtended Self-hosted

Kit file 37AE06_2_0 · weight ~800
Barossa Fine Foods
AaBbCcDdEeFfGg 0123456789 & ? !

Used for: small emphasised labels — specifically p.label (uppercase, 0.9rem, letter-spacing 0.1rem). A heavier companion to Praktika-BoldExtended.

Praktika-BlackExtended Self-hosted

Kit file 37AE06_0_0 · weight ~900
Barossa Fine Foods
AaBbCcDdEeFfGg 0123456789 & ? !

Used for: available in the design system as the .font-praktika-black utility (heaviest Praktika weight). Part of the licensed kit; kept available for headline emphasis even though direct usage in the legacy CSS is minimal.

bebas-neue-pro-semiexpanded Adobe

Semi Expanded
Barossa Fine Foods
AaBbCcDdEeFfGg 0123456789 & ? !

Used for: the Rewards page only — headings and buttons within .rewards (see below).

Type Scale

Sizes are in rem as authored in the Statamic source; px values assume the base of 16px on mobile (the site bumps the root to 110% ≈ 17.6px at ≥640px, so real-world sizes scale up slightly). Responsive steps are noted where they exist.

Handcrafted in the Barossa

Element h1
Font mrs-eaves-xl-serif
Size 2rem → 2.5rem (≥640px)
Weight / Style 800 · italic
Transform none
Used: main page titles / hero headings

Our Award-Winning Range

Element h2
Font Praktika-BoldExtended
Size ~1.5rem (browser default)
Weight normal (single weight)
Transform / Spacing uppercase · 0.1rem
Used: section sub-headings

Small Goods & Continental

Element h3
Font Praktika-BoldExtended
Size 1rem (16px)
Weight normal
Transform / Spacing uppercase · 0.1rem
Used: minor headings

Product Details

Element h4
Font Praktika-BoldExtended
Size 1rem (16px)
Weight normal
Transform / Spacing uppercase · 0.1rem
Used: minor headings

Heading level five & six

Element h5 / h6
Font mrs-eaves-xl-serif (inherited)
Size browser default
Weight normal
Transform none
Used: rarely; no explicit style (falls back to body serif)

A taste of tradition

Selector p.title
Font mrs-eaves-xl-serif
Size 2.5rem → 1.8rem (≥640px) → 2.5rem (≥1200px)
Weight / Style 800 · italic
Transform none
Used: large editorial / intro statements

Since 1986

Selector p.sub-title
Font Praktika-BoldExtended
Size inherited (~1rem)
Weight normal
Transform / Spacing uppercase · 0.3rem
Used: eyebrow / kicker text above titles

Gluten Free · Nitrate Free

Selector p.label
Font Praktika-ExtraBoldExtended
Size 0.9rem (≈14px)
Weight extra bold
Transform / Spacing uppercase · 0.1rem
Used: product / dietary labels

Generic Heading

Selector .heading
Font Praktika-BoldExtended
Size inherited (~1rem)
Weight normal
Transform / Spacing uppercase · 0.1rem
Used: reusable heading utility across components

Shop · Recipes · Stores · About

Selector nav .top-level
Font Praktika-BoldExtended
Size 0.9rem (≈14px)
Weight normal
Transform uppercase
Used: primary navigation links

Featured Recipe

Selector .featured-label
Font Praktika-BoldExtended
Size 0.7rem (≈11px)
Weight normal
Transform uppercase
Used: recipe cards (pink badge)

Buttons

button / a.btn — Praktika-BoldExtended, uppercase, 1rem, padding 0.6rem 2rem 0.5rem, square corners.

Rewards Page (Bebas Neue Pro)

The Rewards page overrides its typography to bebas-neue-pro-semiexpanded.

Barossa Rewards

Element .rewards h1
Font bebas-neue-pro-semiexpanded
Size 1.6rem → 2rem (≥1200px)
Weight / Spacing normal · 0.2rem
Used: rewards hero heading

Earn points on every shop

Element .rewards h2
Font bebas-neue-pro-semiexpanded
Size 1.4rem → 1.8rem (≥1200px)
Transform uppercase
Used: rewards sub-headings

How it works

Element .rewards h3
Font bebas-neue-pro-semiexpanded
Size 1.2rem → 1.4rem (≥1200px)
Used: rewards tertiary headings

Brand Colours

From source/sass/variables.sass — used alongside the type above.

Black
#161616
White
#FFFFFF
Light Brown
#D7D3CE
Brown
#C0BAB0
Dark Brown
#AD9979
Darker Brown
#615C55
Blue
#427EC7
Pink
#E51B6E
Red
#E81818
Green
#00D238

Breakpoints

Responsive steps referenced in the type scale above (source/sass/variables.sass).

Medium 640px
Sh-medium 900px
Large 1200px
X-large 1600px
Nav switch 1500px