Bleedr® brand guidelines01 Story03
Brands that go past the edge.edge.
Who we are
Bleedr is a design studio in Skopje. We build identities, motion and social content for brands that want to be noticed, then remembered.
Brands that go
past the edge.
bleedrbleedr
Scroll ↓
Bleedr® brand guidelinesContents02
IndexIndexIndex
How Bleedr looks, sounds and moves. Use this guide for every piece of work that carries the name.
Bleedr® brand guidelines01 Story04
How we think.
- 0101
Cut the noise
Every element earns its place. If it can be removed, it goes.
- 0202
Move with intent
Motion carries the idea. It never decorates.
- 0303
Push one edge
One bold move per layout. Everything around it stays disciplined.
Bleedr® brand guidelines05
- Primary
- Construction
- Versions
- Clear space
- Monogram
- Misuse
0202
Section 02
Logo
Bleedr® brand guidelines02 Logo06
02.1 Primary logo
The Signal Cut.
bleedrbleedr
One wordmark, sliced horizontally and shifted right. The brand idea in a single gesture.
The upper half keeps the base color. The lower half carries Signal.
Always set from the master file. Never retyped, redrawn or rebuilt.
Bleedr® brand guidelines02 Logo07
02.2 Construction
Built on the em.
bleedrbleedr
cut 55%1em0shift 0.17em →
- Typeface
- Archivo 850, tracking −0.05em, lowercase only.
- Cut
- One horizontal cut at 55% of the em height.
- Shift
- Lower half moves 0.17em right. Never left, never vertical.
- Clear space
- 0.5em on every side, roughly the height of the “e”.
Bleedr® brand guidelines02 Logo08
02.3 Versions
Six ways to wear it.
Hover a tile to replay the cut
- bleedrbleedrPrimary · on Ink
- bleedrbleedrPrimary · on Paper
- bleedrbleedrOn Signal
- bleedrbleedrMono · Ink
- bleedrbleedrMono · Paper
- bleedrbleedrOn Graphite
Bleedr® brand guidelines02 Logo09
02.4 Clear space & minimum size
Room to cut.
0.5embleedrbleedr
- bleedrbleedr96 px
- bleedrbleedr48 px
- bleedrbleedr24 px · minimum
- bleedrUnder 24 px or 15 mm: no cut
Bleedr® brand guidelines02 Logo10
02.5 Monogram
The b.
The same cut on a single letter. For avatars, app icons, favicons and watermarks.
- bbApp icon
- bbAvatar
- bb120 px
- bFavicon
Bleedr® brand guidelines02 Logo11
02.6 Misuse
Don’t break the cut.
Tap a tile to fix it
Bleedr® brand guidelines12
- Palette
- Combinations
- Contrast
0303
Section 03
Color
Bleedr® brand guidelines · 03 Color · 13
03.1 Palette
Five colors.
One signal.
Click a color to copy its hex
Bleedr® brand guidelines03 Color14
03.2 Combinations
Pairs that hold.
- AaPaper on Ink16.9:1 · AAA
- AaInk on Paper16.9:1 · AAA
- AaInk on Signal5.2:1 · AA
- AaSignal on Ink5.2:1 · AA
- AaPaper on Graphite13.0:1 · AAA
- AaSignal on Paper3.3:1 · Display only
Bleedr® brand guidelines15
- Archivo
- JetBrains Mono
- Hierarchy
0404
Section 04
Type
Bleedr® brand guidelines04 Typography16
AaAa
04.1 Primary typeface
Archivo
Variable · width 62–125 · weight 100–900 · Google Fonts
Width
EdgeEdgeEdgeEdge
Weight
CutCutCutCut
Characters
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ËÇëç€&@
Try the axes
Past the edge.
Bleedr® brand guidelines04 Typography17
Hierarchy
- DisplayArchivo 850 · −0.05em · 0.9
- Past the edge.
- CondensedArchivo 850 · width 62 · caps
- Motion & Video
- HeadlineArchivo 800 · −0.03em · 1.05
- We design identities that move.
- BodyArchivo 400 · 0 · 1.4
- Logos, motion and social content for brands that want to be noticed, then remembered.
- LabelJetBrains Mono 500 · +0.06em · caps
- 02 / 04 — Swipe →
Bleedr® brand guidelines18
- On type
- Layout grid
0505
Section 05
The Cut
Bleedr® brand guidelines05 The Cut19
05.1 The cut as a device
One cut per layout.
- edge.edge.
- €130€130
- MotionMotion
- Display only
- Use the cut at 72 px and above. Smaller text stays whole.
- One word
- Cut a single word or number. Never a full sentence.
- Right, always
- Same 55% line and 0.17em shift as the logo.
Bleedr® brand guidelines05 The Cut20
05.2 Layout grid
The 55% line.
55%
Bleedr®02 / 04Past theHeadline sits on the line. Body hangs below it.
- Margins
- 1/14 of the short side on every edge.
- Columns
- 12 columns, gutter 1/4 of the margin.
- The line
- Divides the layout at 55% of the height, the same as the logo cut.
- One edge
- A single element may cross the margin. Everything else stays inside.
Bleedr® brand guidelines06 Voice21
06 Voice
Say it in
fewer words.
- Direct
- Lead with the point.
- Confident
- No hedging, no hype.
- Human
- Talk like a person, not a press release.
We say
“First concepts land on Friday.”
“This logo works at 16 px.”
We don’t say
“We’re excited to leverage our synergies.”
“A game-changing visual solution.”
Bleedr® brand guidelines07 Applications22
07 Applications
In the wild.
- Past the edgebleedrbleedr
Business card · 85 × 55 mm
- Bleedr®What
we do.bleedrbleedrInstagram · 1080 × 1350
- bleedrbleedr002/2026Social
Pack.Monthly content, designed and planned for every platform.Starter€130Proposal · A4
Bleedr® brand guidelines08 Motion23
08 Motion
The cut leads.
bleedrbleedr0.0s
- Slice line0.0s
- Upper half0.4s
- Lower half slides0.8s
- Settle1.2s
- Start from the line
- Every sequence opens on the slice.
- Travel right
- Motion follows the direction of the shift.
- Fast in, firm stop
- 400–600 ms per move, ease cubic-bezier(0.7, 0, 0.2, 1).
Bleedr® brand guidelines · v1.0
Questions
about the brand?
- hello@bleedr.studio
- @bleedrstudio
- Studio
- Skopje, MK
bb