TECHTAILOR — BRAND SYSTEM
03 JUNE 2026 · v1.0
Nº01 — THE LOGO
ONE KEYCAP. ONE T. BLACK OR WHITE.
Three variants. Use the one with the best contrast against your background. Always keep clearspace equal to the keycap height.
Nº02 — ICON & FAVICON
THE KEYCAP STANDS ON ITS OWN.
Use as app icon, social avatar, and browser tab. Works down to 16px.
APP ICON
64PX
32PX
16PX
Nº03 — COLORS
FOUR COLORS. NO EXCEPTIONS.
Click any value to copy. Don't invent new colors — use these four or justify a fifth.
INK
TEXT · DARK SURFACES
PAPER
BACKGROUND · CARDS
ORANGE
PRIMARY ACCENT · CTA
YELLOW
HIGHLIGHT · MARKER
Nº04 — TYPOGRAPHY
BEBAS FOR HEADLINES. BARLOW FOR EVERYTHING ELSE.
Both are free via Google Fonts. Use Bebas in caps. Barlow for body, weights 400 to 900.
AaBb
0123
DISPLAY · HEADLINES
BEBAS NEUE
We build the digital backbone for small Stockholm businesses. Websites, automation, and ads — without the agency bureaucracy.
BODY · UI
BARLOW
Nº05 — SOCIAL IMAGES
OG IMAGES FOR SHARING.
1200×630 PNG. Used automatically when someone shares techtailor.io on LinkedIn, X, Slack or iMessage. Download if you need them manually.
SWEDISH · OG IMAGE
ENGLISH · OG IMAGE
SWEDISH · LINKEDIN BANNER
ENGLISH · LINKEDIN BANNER
NEED SOMETHING ELSE?
EMAIL DAVID.
DAVID@TECHTAILOR.IO →
Custom formats, high-res photography, interview requests, or just a fact-check on copy you're about to publish — just email.