DEVLPR · Brand Guidelines
DEVLPR. Back to the landing page
Brand guidelines · version 1.0

One character, one mark, one accent.

The symbol is the head of the DEVLPR character, built as a volume: a housing with a top light, two side modules with their own light edge, two amber light fields and a ground shadow. This document defines construction, variants, colours, typography, motion and language, and holds every file for download.

01

Construction and clear space

Symbol

All measurements derive from the head height S. Clear space is 0.5 S on every side; no text, no rule, no image edge sits inside it.

HeadS × S, radius 0.30 S Side modules0.17 S × 0.36 S, top 0.32 S Overall width1.46 S Eyes0.10 S × 0.30 S, top 0.36 S Eye spacingCentre plus minus 0.19 S Top light0.80 S × 0.30 S, top 0.07 S Ground shadow0.90 S wide, 0.10 S lower Clear space0.50 S
02

Minimum sizes

Volume from 32 px
64 px volume
40 px volume
32 px limit
24 px flat
16 px favicon

Below 32 px head height the volume loses its depth; the top light and shadow smear. Use flat there, no exceptions. In print, 6 mm head height is the minimum.

03

Four variants

Volume is primary
Volume Primary

Screen, video, presentation. Always with the ground shadow, always from 32 px.

Flat Two colours

Small sizes, stamps, embroidery, screen print. Ink plus amber, no effects.

Mono One colour

Engraving, embossing, blind material. The eyes are a cut-out, not a colour.

Negative On light

Only on surfaces lighter than paper. Head in ink, eyes stay amber.

04

Lock-up and wordmark

JetBrains Mono 700
DEVLPR.
Horizontal, standard. Gap 0.34 S
DEVLPR.
Vertical, only when horizontal will not fit
DEVLPR.
Tracking 0.18emDot at minus 0.14em
Wordmark alone, never without the dot
05

Misuse

Six hard rules
Not
distort it
Not
rotate it
Not
recolour it
Not
switch off the eyes
Not
box it in
Not
place it on a busy background
06

Colours

Click copies the hex

Amber is the only accent. No second accent, no gradients on surfaces, no glow effects except on the eyes of the symbol.

07

Typography

Two typefaces
JetBrains Mono
Headline 600
Navigation and buttons 500
Body 400, line height 1.65, ink at 60 to 80 percent. Carries every explanation on the page.
Quiet asides 300
Eyebrow, tracking 0.3em
BubbledotICG-FinePos Digits and codes only
01 02 03
S/01 B/01 A/01

The font carries no umlauts. German headlines therefore never run in Bubbledot but in JetBrains Mono 600 with tracking minus 0.02em. This rule is not negotiable; one missing ä in a heading tips the whole page over.

Test glyphs in JetBrains Mono: ä ö ü Ä Ö Ü ß
08

Motion and language

One easing for everything
Three keyframes, 0.8 s
Easingcubic-bezier(0.16, 1, 0.3, 1) fade-up30 px from below, opacity 0 to 1 fade-inopacity only, for video surfaces scale-in0.95 to 1, for cards Stagger0.15 s, five elements per section at most Reduced Motionno motion, content visible immediately
Language
01Address the reader directly as you, including in error messages and forms.
02No dashes in visible copy, alt text or meta tags. Use a comma, a full stop or a colon instead.
03Always the audit, never an audit, when referring to our product.
04No prices on the site, no invented numbers.
05Always name the sources: PwC, Deloitte, McKinsey, KPMG, BCG, Bitkom, Fraunhofer.
Tagline
The AI audit that makes your automation potential measurable.
09

Downloads

Twelve files
Symbol volume Symbol volumeSVG Symbol flat Symbol flatSVG Symbol mono Symbol monoSVG Symbol negative Symbol negativeSVG Lock-up horizontal Lock-up horizontalSVG Symbol volume 1024 Volume 1024PNG Symbol volume 512 Volume 512PNG Symbol flat 512 Flat 512PNG Symbol negative 512 Negativee 512PNG Favicon 64Favicon 32 Favicon 64 and 32PNG MD Brand guidelines, completeMarkdown

The ground shadow of the volume variant is not baked into the files. It is set in layout so the mark sits correctly on any background.