Meant to be held · the market tote, chapter 08
June Okafor · Brand guidelines · First edition
Ink first, pixels second01
Contents · eight chapters, one system
Okafor brand book02
The essence
June designs backwards. The mark is drawn to survive a rubber stamp, a tote bag, a 16 pixel favicon. Then, and only then, it earns a screen. Everything in this book follows from that order.
If an identity does not work as one color on rough paper, it does not work.
PersonalityBold. Tactile. Warm. Craft-obsessed. Loud work, calm process.
Okafor brand book03
The mark · construction, clear space, minimum size, misuse
Unit x = one grid module (1/8 of the mark width). Two equal circles, radius 21 units, centers offset 6 units = 0.75x: the two passes of a print run. The J counter hangs 12 units from the overlap.
Why two passes: every Okafor identity is proofed as a print run before it touches a screen. The mark carries the method.Clear space: one circle radius on all sides. Nothing enters it, ever.
Minimum: 16px on screen, 6mm in print.
Do not rotate
Do not stretch
Do not recolor
No drop shadows
Do not separate the passes
Never drop the J counter
Okafor brand book04
Lockups · light, dark, one color
The one color lockup is the acid test: it is the version that lives on rubber stamps, debossed folders and kraft bags. If a layout only works with the two pass mark, rework the layout.
Okafor brand book05
If it does not work in one color on rough paper, it does not work
Okafor brand book06
The palette · three inks, lived in
The voice · deep press indigo
The ground · warm cream
The shout · spot, never tinted
Okafor brand book07
Color in context · the palette at work, and the pairings
Okafor brand book08
Pressed,
not printed.
Okafor brand book09
Typography · two faces, three sizes, no exceptions
Fraunces · black · optical 144
the display voice
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Sourdough · Sat Market · E8 · Small Batch 041
The label is read at arm's length in bad light by someone holding a basket. It gets one job: say the name, say it warmly, get out of the way.
Okafor brand book10
Voice · how the brand writes
Pressed, not printed.short, physical, certain
Forty two identities. Zero templates.numbers as proof, no adjectives
Booking two months out.scarcity stated plainly
We craft bespoke brand experiences!agency filler, exclamation
Elevate your visual storytelling journey.says nothing, means nothing
Passionate about pixel perfection.pixels come second here
Okafor brand book11
Motion · how the brand moves
press-ease: cubic-bezier(.16, 1, .3, 1)
Fast strike, soft settle, like a platen. No bounce, no elastic, no linear.
Okafor brand book12
Digital smalls · the mark at stamp size, proven
Okafor brand book13
Meant to be held · the market tote, chapter 08
Accessibility · measured, not assumed
| Pairing | Sample | Contrast | Verdict |
|---|---|---|---|
| Ink on Paper | Aa | 13.3 : 1 | AAA · body text anywhere |
| Paper on Ink | Aa | 13.3 : 1 | AAA · body text anywhere |
| Vermilion on Paper | Aa | 3.8 : 1 | AA large · display 24px+ only |
| Paper on Vermilion | Aa | 3.8 : 1 | AA large · display 24px+ only |
| Vermilion on Ink | Aa | 3.5 : 1 | Forbidden for text · mark art only |
| Ink on Vermilion | Aa | 3.5 : 1 | Forbidden for text · mark art only |
Okafor brand book15
In the wild · client work
Okafor brand book16
The packaging suite · six vessels, one mark
OKAFOR
Okafor brand book17
Tokens + contact · the identity as code
:root{
--color-primary: #1d2440; /* ink */
--color-accent: #d8492b; /* vermilion */
--neutral: #f4efe6; /* paper */
--font-display: "Fraunces";
--font-text: "Archivo";
--radius: 10px;
--ease-out: cubic-bezier(.16,1,.3,1);
}
brand.css · brand.tokens.json
okafor-mark.svg · packaging suite
all ship beside this book.
June Okafor
Peckham, London SE15
studio@juneokafor.example
Ink first, pixels second · Edition 01 · July 202618