Brand Book

A comic page, run like a program.

Torn panels, hand lettering and three loud colours. This is the AffVector identity as it appears on the site today.

Wordmark

The wordmark is a placeholder.

A new AffVector logo is in progress. Until it lands, the name is set in the display face: yellow, black outline, a red-and-black extrusion. It appears that way in the header, the footer and every social preview. The old chevron mark is retired and must not appear on new material.

AffVectorOn graphite · Header and footer
AffVectorOn a panel · Inside torn panels
AffVectorOn paper · Captions and print
Colour

Three loud colours on ink.

Everything sits on graphite and is drawn with black ink. Yellow carries highlights, captions and numbers; red is reserved for the primary button and the extrusion layer; blue draws charts and the GEO burst. Three panel colours give the page its rhythm. Cream and light brown are never used.

Graphite
#15171C
Page ground
Ink
#000000
Outlines, borders, extrusion
Paper
#FFFFFF
Captions, cards, lettering
Signal Yellow
#FFD23F
Highlights, captions, numbers
Impact Red
#E8322B
Primary button, extrusion layer
Comic Blue
#0A84FF
Charts, focus ring, GEO burst
Navy Panel
#10243A
Headline panel, deal cards
Teal Panel
#1A2A2F
Brand panel
Maroon Panel
#2A1216
Numbers panel, closing
Lettering

Three voices, hand-lettered.

Luckiest Guy shouts the headlines, Bangers handles buttons, numbers and section titles, Balsamiq Sans carries everything you read. Cyrillic pages use Rubik Black and Oswald Bold in the same roles. All faces are served from our own domain.

Display · Luckiest Guy / Rubik 900Performance that moves revenue
SFX · Bangers / Oswald 700Become a Partner
Body · Balsamiq Sans 400Transparent real-time reporting and dedicated managers.
Numbers · Bangers€700 · 50% · 150+
Label · Balsamiq Sans 700 · capsCommission Models
Devices

Torn panels, bursts, extrusion.

Panels are torn from paper with a 6 px ink border and tilt by a degree or two. Numbers live in bursts, words in yellow captions. Headlines carry a three-layer extrusion: black, red, black. Motion is not part of the language: a comic page arrives whole.

Panel
50%
Burst

Caption

BetLungo

The hound bursts through the page.

BetLungo is the brand partners promote. Its hound and wordmark are used only as supplied, on black or on the yellow burst, never recoloured, outlined or pixelated. Keep clear space around them of at least a quarter of their height.

BetLungoHound · On black
BetLungoWordmark · On black
BetLungo
BetLungo
Usage

Loud where it counts, quiet everywhere else.

✓ Do

  • Use one red button per screen.
  • Keep every ink border black and at least 3 px thick.
  • Put numbers in bursts and sentences in captions.
  • Tilt elements by one or two degrees, never more.

✕ Don’t

  • Use cream, beige or light brown anywhere.
  • Put the old chevron mark on anything.
  • Recolour, outline or pixelate the BetLungo hound.
  • Fade sections in or animate the page.