Styleguide

Marke, Farben, Typo

Visuelle Grundlagen der digiFORMER-Marke. Logo, Farbtokens und Schriftgrößen stehen hier zum Nachschlagen und Download bereit.

Brand-Assets (ZIP) Styleguide (PDF)

Logo

Symbol und Lockup

Logo-Regeln

Schutzraum & Mindestgröße

  • Schutzraum: mindestens ⅓ der Symbolhöhe (= eine Rasterzelle) auf allen Seiten freihalten.
  • Mindestgröße: 24 px digital · 8 mm gedruckt.
  • Farbe: Akzent immer #0199F0 (Ozean). Nicht durch andere Farben ersetzen.
  • Form: nicht drehen, verzerren, zerlegen oder neu einfärben.
  • Hintergrund: nur auf ausreichend kontrastreichem Untergrund einsetzen.
digiFORMER Symbol dunkel

Icons

Favicon & App-Icons

Light-Variante · für helle Hintergründe (dunkles Symbol)

favicon.icofavicon-light.svgapple-touch-icon-light.png (180)
icon-16-light.png 16×16 PNG
icon-32-light.png 32×32 PNG
icon-48-light.png 48×48 PNG
icon-64-light.png 64×64 PNG
icon-96-light.png 96×96 PNG
icon-128-light.png 128×128 PNG
icon-152-light.png 152×152 PNG
icon-167-light.png 167×167 PNG
icon-180-light.png 180×180 PNG
icon-192-light.png 192×192 PNG
icon-256-light.png 256×256 PNG
icon-384-light.png 384×384 PNG
icon-512-light.png 512×512 PNG
icon-1024-light.png 1024×1024 PNG

Dark-Variante · für dunkle Hintergründe (helles Symbol)

favicon-dark.svgapple-touch-icon-dark.png (180)
icon-16-dark.png 16×16 PNG
icon-32-dark.png 32×32 PNG
icon-48-dark.png 48×48 PNG
icon-64-dark.png 64×64 PNG
icon-96-dark.png 96×96 PNG
icon-128-dark.png 128×128 PNG
icon-152-dark.png 152×152 PNG
icon-167-dark.png 167×167 PNG
icon-180-dark.png 180×180 PNG
icon-192-dark.png 192×192 PNG
icon-256-dark.png 256×256 PNG
icon-384-dark.png 384×384 PNG
icon-512-dark.png 512×512 PNG
icon-1024-dark.png 1024×1024 PNG

Farben

Farbtokens

Brand / Akzent

--color-brand

#0199F0

Brand Hover

--color-brand-hover

#46B0FF

Background

--color-bg-base

#F7FAFE

Surface

--color-bg-surface

#FCFFFF

Text / Dark

--color-text-primary

#191B1D

Border

--color-border

#DBDEE2

Typografie

Schriftskala

H1 · 56 / 500

Erst verstehen. Dann umsetzen.

H2 · 40 / 500

Beratung und Umsetzung aus einer Hand

H3 · 28 / 500

Klar denken, sauber bauen

H4 · 20 / 500

Pragmatisch, nachvollziehbar, wirksam

Body · 16 / 400

Wir konzipieren digitale Lösungen, die zu Ihrem Geschäft passen.

Small · 14 / 400

Kleiner Hilfstext für Hinweise und Metadaten.

Schriftarten: Plus Jakarta Sans · JetBrains Mono Plus Jakarta Sans (TTF) JetBrains Mono Regular JetBrains Mono Medium

Brand-Assets

Komplettes Paket

Alle Logos (SVG + PNG), Icons, Schriften und das Styleguide-PDF in einem ZIP.

digiformer-brand-assets.zip Nur Styleguide-PDF