Foundation
Paper
Base ground#F4F1EAInk
Primary type#171514WILD CREATURE / Brand book
One system.
Every format.
A practical kit for the site, print pages, social posts, emails and partner banners. Keep the proportions; let the image and the headline do the talking.
01 / Mark
Black at rest.
Wild on contact.
The wordmark is always solid ink by default. On hover or keyboard focus, it chooses one animal marking at random—exactly as it does in the site header.
Interactive preview
WILD CREATUREAnimal marking set
- Spots
- Stripes
- Scales
- Plumage
- Reef
02 / Palette
Colour has a job.
Ink and paper make the publication legible. An editorial accent marks a desk, a card, a rule or a single active element—never the entire room.
Editorial accents
Coral
#EB6958Butter
#EDE166Lilac
#C8A8CBSeafoam
#AED1C2Pool blue
#ADD0DFPlum
#5B304703 / Grids & type
Proportion before decoration.
Every format starts with a fixed outer margin, a modest gutter and one decisive alignment. The systems below are starting points, not cages.
Digital / 12 columns
Desktop editorial
64 px outer margin at 1440; 24 px gutters. Headlines span 5–6 columns, images span 5–7.
Print / 6 columns
Issue pages
12 mm outer margin; 4 mm gutters. Use a two-column text measure and let photographs break the grid deliberately.
Social / safe area
Posts & stories
Keep live copy 8% inside each edge. Stories reserve the top and bottom 13% for platform furniture.
Display
ArchivoHeadlines, numbers and large editorial moments.
Weight 650 / tracking −0.055em / line-height 0.90Text
DM SansDecks, stories, captions, menus and service information.
Weight 400–700 / tracking 0 / line-height 1.45–1.7204 / Digital editorial
Image, headline, air.
Article heroes use a two-part proportion. Cards keep their image ratios consistent and earn colour only on interaction.
Photography by The Tidal StudioProfiles
Sharkira Banks in the Quiet Hours
The reef's most photographed face on beauty, privacy and learning to stop moving.
Photograph by The Night CurrentNews & Gossip
Puff Daddy Deluxe Leaves the Private Sub at 02:13
The headpiece was unmistakable. The companion behind the glass was less cooperative.
Reading module
A wide single column carries the story. The editor stays useful at the edge, and a pull quote arrives midway—not as an interruption, but a change of current.
“The best line deserves a little air.”
06 / Print & banners
Designed to travel.
Print needs generous margins. Banners need a legible left text zone and an image that can survive an arbitrary crop on the right.
07 / Downloads
Source files, not screenshots.
SVG stays crisp in Figma, Illustrator, Canva and most browsers. Change the placeholder copy and image blocks; preserve the guides.
01Primary wordmarkSVG / light groundDownload ↘
02Inverted wordmarkSVG / dark groundDownload ↘
03Dapple wordmarkSVG / digital accentDownload ↘
04Animal-print wordmarkSVG / use sparinglyDownload ↘
05Social square templateSVG / 1080 × 1080Download ↘
06Social story templateSVG / 1080 × 1920Download ↘
07Email header templateSVG / 1200 × 420Download ↘
08Print cover templateSVG / A4 ratioDownload ↘
09Partner banner templateSVG / 1600 × 500Download ↘
05 / Social & email
Same voice.
Closer crop.
The on-page examples below are the actual downloadable files. They are intentionally simple: swap the image, headline and accent—never the underlying safe space.
The weekly current
One considered dispatch.
One image, one headline, one link. Keep email more useful than loud.
Read the story ↗