Brand Guide · v2.0 · May 2026
Fronterra Brand Guide
A single-file reference for the Fronterra identity. Logo system, typography, colour palette, usage rules, and a complete downloadable asset kit.
§01 — Logo system
Two assets. One system.
A standalone tree mark and a full lockup pairing the mark with the FRONTERRA wordmark. Both supplied in black and white only.
White on dark surfaces (primary)Black on light surfaces
§02 — The mark
The tree, standalone.
Use when the Fronterra name is already visible: favicons, social avatars, app icons, watermarks.
100 px
64 px
48 px
32 px
24 min
SVG — Mark
fronterra-mark-black.svg
SVG · Scalable · Outlined paths
fronterra-mark-white.svg
SVG · Scalable · Outlined paths
PNG — Mark (Black)
fronterra-mark-black-1024px.png
PNG · 1024px · Transparent
Download
fronterra-mark-black-128px.png
PNG · 128px · Transparent
Download
fronterra-mark-black-256px.png
PNG · 256px · Transparent
Download
fronterra-mark-black-512px.png
PNG · 512px · Transparent
Download
fronterra-mark-black-64px.png
PNG · 64px · Transparent
Download
PNG — Mark (White)
fronterra-mark-white-1024px.png
PNG · 1024px · Transparent
Download
fronterra-mark-white-128px.png
PNG · 128px · Transparent
Download
fronterra-mark-white-256px.png
PNG · 256px · Transparent
Download
fronterra-mark-white-512px.png
PNG · 512px · Transparent
Download
fronterra-mark-white-64px.png
PNG · 64px · Transparent
Download
§03 — The lockup
Mark + wordmark, together.
The default logo for marketing, documents, presentations, and web headers. Wordmark: Fraunces opsz 14, wght 500, tracking 0.166em, all caps. Paths outlined, no font dependency.
| Icon diameter | 3 × cap-height |
| Icon-to-wordmark gap | 1 × cap-height |
| Vertical alignment | Icon centre at cap-midpoint |
| Clear space | 1 × cap-height all sides (built into viewBox) |
| Min size (digital) | 120 px lockup width |
| Min size (print) | 30 mm lockup width |
SVG — Lockup
fronterra-lockup-black.svg
SVG · Scalable · Outlined paths
fronterra-lockup-white.svg
SVG · Scalable · Outlined paths
PNG — Lockup (Black)
fronterra-lockup-black-1x.png
PNG · 1x · Transparent
Download
fronterra-lockup-black-2x.png
PNG · 2x · Transparent
Download
fronterra-lockup-black-3x.png
PNG · 3x · Transparent
Download
PNG — Lockup (White)
fronterra-lockup-white-1x.png
PNG · 1x · Transparent
Download
fronterra-lockup-white-2x.png
PNG · 2x · Transparent
Download
fronterra-lockup-white-3x.png
PNG · 3x · Transparent
Download
§04 — Typography
Two typefaces. Fraunces & JetBrains Mono.
Fraunces is the voice: headlines, body, and the wordmark. JetBrains Mono is the structure: eyebrows, labels, metadata, nav.
Display — Fraunces · opsz 144, wght 400
From the frontier of the Amazon, to your balance sheet.
font-variation-settings: "opsz" 144, "wght" 400; letter-spacing: -0.025em;
Wordmark — Fraunces · opsz 14, wght 500
FRONTERRA
font-variation-settings: "opsz" 14, "wght" 500; letter-spacing: 0.166em (display) / 0.14em (web);
System — JetBrains Mono · 400
LIVE · 04 ACTIVE SITES · 1.83M HA UNDER FPIC · VINTAGE 2026
Eyebrow: 11px / 0.22em · Label: 10.5px / 0.18em · Nav: 11px / 0.2em
Type scale
| Role | Font | Size | Weight / opsz | Spacing |
| Hero | Fraunces | clamp(28px, 5.2vw, 86px) | 400 / 144 | -0.025em |
| Heading | Fraunces | clamp(28px, 3.5vw, 48px) | 400 / 72 | -0.02em |
| Wordmark | Fraunces | context | 500 / 14 | 0.14-0.166em |
| Body | Fraunces | 16px | 400 / 14 | 0 |
| Eyebrow | JetBrains Mono | 11px | 400 | 0.22em |
| Label | JetBrains Mono | 10.5px | 400 | 0.18em |
Google Fonts embed
https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,300;1,9..144,400;1,9..144,500&family=JetBrains+Mono:wght@400;500;700&display=swap
CSS Variables
--serif: "Fraunces", Georgia, serif;
--mono: "JetBrains Mono", monospace;
§05 — Colour
The palette. Rooted in the forest.
Ink is the default background, bone the default text, terra the sole accent. The logo ships in pure black and white only.
--ink: #0A0F0C; --terra: #C56C42;
--ink-2: #131A16; --sage: #9CA68B;
--canopy: #1E3A2E; --bone: #F4EFE6;
§06 — Usage rules
Protecting the identity.
Do
Use supplied SVG or PNG files as provided. Outlined paths ensure consistency everywhere.
Don't
Recreate the lockup with a live Fraunces font. Optical spacing will not match the outlined master.
Do
Keep at least 1 × cap-height clear space around the lockup (already built into the SVG viewBox).
Don't
Crop into clear space or let other elements intrude into the exclusion zone.
Do
Use black (#000000) on light surfaces and white (#FFFFFF) on dark. Pick whichever gives strongest contrast.
Don't
Recolour the logo, add gradients, shadows, glows, outlines, or effects of any kind.
Do
Scale proportionally. Min lockup: 120px digital / 30mm print. Min mark: 24px.
Don't
Rotate, skew, stretch, compress, distort, or animate the logo.
Do
Use the standalone mark for favicons, avatars, and app icons where the name is already visible.
Don't
Use the mark alone when the viewer does not already know the Fronterra name.
§07 — Social banners
LinkedIn, on brand.
Two ready-to-use cover images at LinkedIn's exact dimensions. Right-click to save, or grab them from the kit.
Company page — 4200 × 700
Personal profile — 1584 × 396
§08 — Complete brand kit
One download. Everything inside.
ZIP with every SVG, every PNG, both LinkedIn banners, and the Fraunces & JetBrains Mono fonts.
| Folder | Contents |
| svg/ | mark-black, mark-white, lockup-black, lockup-white |
| png/mark/ | Black + white at 64, 128, 256, 512, 1024px (transparent) |
| png/lockup/ | Black + white at 1x, 2x, 3x (transparent) |
| banners/ | LinkedIn company (4200×700) + personal (1584×396) |
| fonts/ | Fraunces + JetBrains Mono — variable + static, one folder (SIL OFL) |
§09 — Resources
© Brighter Future Studio · fronterra.eco · May 2026