Version 1.02026

Brand
Guidelines

Contents.

01Tone of Voice04
  • Who we are05
  • How we sound06
  • Voice dials07
02Logos & Lockups08
  • The lineup09
  • Clearspace10
  • Misuse11
  • Approved combinations12
  • Minimum sizes13
03Colour14
  • Brand palette15
  • Surface system16
  • Pantone17
04Typography18
  • Primary typeface19
  • Typefaces20
  • Supporting faces21
  • Tracking and leading22
05Brand in Action23
  • Social post24
  • Japanese Toad label25
  • Apparel close-up26
  • Binoculars27
  • Horned Frog label28
  • Stickers29
  • Flag30
  • Packaging31
  • Hardware and lifestyle32
02

The brand
at a glance.

Two Frogs makes small-batch apparel for people who move between the city and the wild. One mark, four colours, four typefaces and a calm, confident voice. Everything that follows is detail on these five things.

03
01

Tone of
Voice

  • Who we are05
  • How we sound06
  • Voice dials07
04

We make gear for life between the city and the wild.

Two Frogs brings together the visual language of outdoor life and contemporary fashion, creating pieces that feel equally at home on the street or out in the wild. We take inspiration from both worlds to make clothing that doesn’t have to choose between them.

05

How we sound.

  1. Calm over hype.We state things and stop. Scarcity is a fact about how we make things, never a pressure tactic.
  2. Active over abstract.Verbs first. We say what the gear does and what to do next, in words you can picture.
  3. Curious, never careless.We look closer and name things properly. Every detail is checked before it is said.
  4. Confident, never loud.We say what we make and stop. Standing out is a byproduct, never the pitch.
06

Voice dials.

Where the voice sits between two extremes. Hold these positions everywhere, from a hero headline to an error message.

QuietConfident, never shouting
Loud
FactualProof before persuasion
Salesy
WarmHuman in every line, even the error messages
Corporate
PlainLyrical in brand moments, plain in checkout
Poetic
BriefDetail only where it helps someone choose
Detailed
07
02

Logos &
Lockups

  • The lineup09
  • Clearspace10
  • Misuse11
  • Approved combinations12
  • Minimum sizes13
08

The lineup.

Four lockups, one mark. Use the horizontal by default, the vertical where a layout needs height, the symbol where space is tight, and the wordmark where type alone has to carry.

HorizontalDefault
VerticalStacked
SymbolTight crops
WordmarkType only
09

Clearspace.

Give the mark room to breathe. The clear space on every side equals the height of the mark you are using. Nothing enters it: no type, no imagery, no edge of a page or screen.

LockupClear space, as a share of width
Symbol40%
Horizontal19%
Vertical50%
Wordmark25%
Symbol
Horizontal lockup
10

Misuse.

The mark is drawn once. Do not redraw it, bend it or restyle it. Six common mistakes, all of them off limits.

StretchedNever scale one axis
SquashedKeep the proportions
TiltedAlways level
RecolouredPalette colours only
Low contrastIt has to read
Busy photoNeeds a scrim
11

Approved combinations.

Six pairings of mark and ground. Anything outside these risks legibility or drifts off the palette.

12

Minimum sizes.

Shown at true size. Never go smaller than this.

Symbol

28 px on screen · 6 mm in print

Full lockup

120 px on screen · 24 mm in print

Below these widths the mark stops reading. If a space is too tight for the full lockup, switch to the symbol rather than shrinking it. In print, measure the width of the mark itself, not the clear space around it.

13
03

Colour

  • Brand palette15
  • Surface system16
  • Pantone17
14

Brand
palette.

Grounded in the wild: a deep green canvas, low cream type, a darker green for depth, and one pink that appears once per page and no more.

Balance on any surface
6022144

Evergreen

Primary surface

#00501B
RGB
0 80 27
CMYK
100 0 66 69

Cream

Primary type

#EBF2C7
RGB
235 242 199
CMYK
3 0 18 5

Dark Spruce

Secondary surface

#002817
RGB
0 40 23
CMYK
100 0 43 84

Petal Rouge

Accent, once per page

#F0789F
RGB
240 120 159
CMYK
0 50 34 6
15
SpeciesFieldWay Out
Built for
the wild.
Shop all 32 species

Surface
system.

The colours the website actually sits on. Near-black greens keep photography vivid and leave Petal Rouge meaningful.

CanvasPage body, nav, footer, product tiles
#0D1911
RaisedCards, the nav pill, elevated sections
#0D1A10
MossHover fills, glows, active states
#155128
SageButtons, links, prices, stars and hover states
#ECF2C7
PaperBody text and section headlines
#F2EDE3
16

Pantone.

Closest spot matches for print. Coated for gloss and silk stock, uncoated for matte and kraft. Always check a physical swatch before a run.

Pantone

Evergreen

Coated357 C
Uncoated357 U
Pantone

Cream

Coated7485 C
Uncoated7485 U
Pantone

Dark Spruce

Coated5535 C
Uncoated5535 U
Pantone

Petal Rouge

Coated1915 C
Uncoated1915 U
17
04

Typography

  • Primary typeface19
  • Typefaces20
  • Supporting faces21
  • Tracking and leading22
18
Roca.
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789.,?
19
Aa

Built for the wild.

Roca

Big number, Roca Black48–102 / 0.9 · −0.02 em
Heading, Roca Black35–67 / 1.0 · −0.02 em
Subheading, Roca Regular18–24 / 1.35 · −0.01 em
Nav and buttons, Roca Black15 / 1.2 · 0 em
Weights in use400 · 900

The signature face. Every headline, chapter title, large stat and pull quote, plus nav links and buttons in sentence case. Tracking never goes tighter than −0.025 em.

Aa

Every piece named for a different creature.

Varela Round

Body, Varela Round14–15 / 1.45–1.6 · 0 em
Small text, Varela Round13–14 / 1.5 · 0 em
Weights in use400

Everywhere prose lives: descriptions, captions, form help and error messages. One weight. Never faked bold, never set in caps.

20
Aa

FREE RETURNS · 30 DAYS

Syne

Price and rating, Syne Bold9–15 / 1 · +0.02–0.06 em
Label, Syne caps9–13 / 1 · +0.16–0.22 em
Weights in use500 · 600 · 700

Small caps labels, tags, prices and the trust strip. Used sparingly, only for the functional bits. Never for nav, buttons, body or display.

Aa

10% off · WILD10 · 23:59:42

Space Mono

Look label, caps10 / 1 · +0.15 em
Codes, hex values, sizes12 / 1 · +0.04 em
Weights in use400 · 700

Discount codes, countdowns and the basket count. Only where digits have to lock to a grid. Never used for words.

21

Tracking and leading.

Every type role on the landing page. Big type runs tight and close, small type runs open and airy.

TypeFaceSizeTrackingLeading
HeadingRoca Black35 – 67 px−0.02 em1.0
SubheadingRoca Regular18 – 24 px−0.01 em1.35
Product nameRoca Black14 – 17 px−0.02 em1.15 – 1.2
Nav and buttonRoca Black15 px0 em1.2
BodyVarela Round14 – 15 px0 em1.45 – 1.6
LABELSyne Bold caps9 – 13 px+0.16 – 0.22 em1.0
CODESpace Mono caps10 px+0.15 em1.0
22
05

Brand in
Action

  • Social post24
  • Japanese Toad label25
  • Apparel close-up26
  • Binoculars27
  • Horned Frog label28
  • Stickers29
  • Flag30
  • Packaging31
  • Hardware and lifestyle32
23
24
25
26
27
28
29
30

Packaging.

A hand-numbered hang tag on every piece, and a kraft mailer with the mark on the flap and the wordmark on the front.

31
32

Thank you.

ChromaTwo Frogs
33