EAGLEDESK BRAND-KIT
Version 3.0, Stand 16.10.2026

Enthalten: Bildzeichen, Wortmarke, Logo quer und hoch (jeweils hell, dunkel, schwarz und weiß), Favicon, App-Icon, Vorschaubild (dunkel und hell) und Mail-Kopf (hell und dunkel), jeweils als SVG und PNG.

Kurzregeln
----------------------------------------
1. Varianten: „hell“ steht auf hellem Grund (Sand, Bone, Weiß),
   „dunkel“ auf dunklem Grund (Nacht, Graphit). „schwarz“ und
   „weiß“ sind einfarbig für Stempel, Fax, Gravur und Folie.
2. Schutzraum: rund um das Logo mindestens 0,5 × H frei, H ist die Höhe
   des Bildzeichens (beim Querlogo die Logohöhe). Die Dateien sind auf die
   Grafik zugeschnitten, der Schutzraum kommt beim Platzieren dazu.
3. Mindestgrößen (Bildschirm): Logo quer 100 px Breite, Logo hoch 64 px
   Breite, Bildzeichen 24 px, Wortmarke 80 px Breite, Mail-Kopf 20 px Höhe.
   Darunter nur das Zeichen in der Kleinfassung (Favicon, ab 16 px).
4. Farben: Graphit #15171C, Bone #F6F4EF, Amber #F2A516. Amber ist Licht: im
   Logo nur die Lampe (das Auge); als Text auf hellem Grund nur Amber-Dunkel
   #8A5708.
5. Niemals: verzerren, drehen, spiegeln, kursiv stellen, umfärben (auch die
   Lampe nicht), mit Schatten oder Effekten versehen, auf unruhige Fotos
   setzen, die Wortmarke neu setzen, Amber-Text auf Bone (nur 1,8:1 Kontrast,
   nötig sind 4,5:1).
6. Mandanten-White-Label: Es erscheint das Logo des Mandanten. Das
   EagleDesk-Logo nur als dezentes „powered by“, und nur, wenn der
   Betreiber es erlaubt.

Dateien
----------------------------------------
zeichen/zeichen-hell.svg
zeichen/zeichen-hell.png
   Bildzeichen für hellen Grund: Leitungen Graphit, Auge Amber. Avatar,
   Ladeanzeige, Wasserzeichen.

zeichen/zeichen-dunkel.svg
zeichen/zeichen-dunkel.png
   Bildzeichen für dunklen Grund: Leitungen Bone, Auge Amber.

zeichen/zeichen-schwarz.svg
zeichen/zeichen-schwarz.png
   Einfarbig Schwarz: Stempel, Fax, Gravur, Folie.

zeichen/zeichen-weiss.svg
zeichen/zeichen-weiss.png
   Einfarbig Weiß: auf dunklen und farbigen Flächen mit ausreichendem
   Kontrast.

wortmarke/wortmarke-hell.svg
wortmarke/wortmarke-hell.png
   Nur der Schriftzug für hellen Grund, in Graphit.

wortmarke/wortmarke-dunkel.svg
wortmarke/wortmarke-dunkel.png
   Nur der Schriftzug für dunklen Grund, in Papier.

wortmarke/wortmarke-schwarz.svg
wortmarke/wortmarke-schwarz.png
   Schriftzug einfarbig Schwarz: Stempel, Fax, Gravur.

wortmarke/wortmarke-weiss.svg
wortmarke/wortmarke-weiss.png
   Schriftzug einfarbig Weiß: auf dunklen und farbigen Flächen.

logo/logo-quer-hell.svg
logo/logo-quer-hell.png
   Standard für hellen Grund: Kopfzeilen, Werbeseite, Briefkopf,
   Präsentationen.

logo/logo-quer-dunkel.svg
logo/logo-quer-dunkel.png
   Standard für dunklen Grund: Footer, dunkle Folien, Videos.

logo/logo-quer-schwarz.svg
logo/logo-quer-schwarz.png
   Quer einfarbig Schwarz: Stempel, Fax, Gravur, Folie.

logo/logo-quer-weiss.svg
logo/logo-quer-weiss.png
   Quer einfarbig Weiß: auf dunklen und farbigen Flächen.

logo/logo-hoch-hell.svg
logo/logo-hoch-hell.png
   Hoch für hellen Grund: quadratische oder hohe Flächen, Titelseiten,
   Messewand.

logo/logo-hoch-dunkel.svg
logo/logo-hoch-dunkel.png
   Hoch für dunklen Grund: Titelfolien, Aufsteller.

logo/logo-hoch-schwarz.svg
logo/logo-hoch-schwarz.png
   Hoch einfarbig Schwarz: Stempel, Fax, Gravur, Folie.

logo/logo-hoch-weiss.svg
logo/logo-hoch-weiss.png
   Hoch einfarbig Weiß: auf dunklen und farbigen Flächen.

icons/favicon-kachel.svg
icons/favicon-48.png
   Browser-Tab und Lesezeichen: die Kleinfassung des Zeichens in der
   Graphit-Kachel (16 bis 48 px). Auf der Website passt sich das SVG-Favicon
   hellem und dunklem Tab an.

icons/app-icon-dunkel.svg
icons/app-icon-1024.png
   App-Icon und Profilbild: die Kleinfassung auf der Graphit-Kachel mit
   Amber-Auge, die Ecken rundet das System selbst.

og/og-dunkel.svg
og/og-dunkel.png
   Link-Vorschau (Open Graph, LinkedIn, X, Messenger), Standard für dunklen
   Grund, Seitenverhältnis 1,91:1.

og/og-hell.svg
og/og-hell.png
   Link-Vorschau für helle Umgebungen, Seitenverhältnis 1,91:1.

kopf/mail-kopf-hell.svg
kopf/mail-kopf-hell.png
   Kleines Querlogo für Mail-Kopf und Signatur auf hellem Grund, ab 20 px
   Höhe (Mail-Programme zeigen kein SVG: PNG verwenden).

kopf/mail-kopf-dunkel.svg
kopf/mail-kopf-dunkel.png
   Kleines Querlogo für Mail-Kopf auf dunklem Grund, ab 20 px Höhe; so
   steht es in den Plattform-Mails.

Vollständiges Handbuch: https://arbeitskraftwerk.webhoch.com/ci

==============================================================================

EAGLEDESK BRAND KIT
Version 3.0, as of 16 October 2026

Included: mark, wordmark, horizontal and vertical logo (each light, dark, black and white), favicon, app icon, preview image (dark and light) and mail header (light and dark), each as SVG and PNG.

Short rules
----------------------------------------
1. Variants: “hell” (light) is for light backgrounds (sand, bone,
   white), “dunkel” (dark) for dark backgrounds (night, graphite).
   “schwarz” (black) and “weiss” (white) are single-colour versions for
   stamps, fax, engraving and foil.
2. Clear space: keep at least 0.5 × H free around the logo, H being the
   height of the mark (for the horizontal logo, the logo height). The files are
   cropped to the artwork; add the clear space when you place them.
3. Minimum sizes (screen): horizontal logo 100 px wide, vertical logo 64 px
   wide, mark 24 px, wordmark 80 px wide, mail header 20 px high. Below that,
   use only the compact mark (favicon, from 16 px).
4. Colours: graphite #15171C, bone #F6F4EF, amber #F2A516. Amber is light:
   in the logo only the lamp (the eye); as text on a light background only dark
   amber #8A5708.
5. Never: distort, rotate, mirror, slant, recolour (the lamp included), add
   shadows or effects, place on busy photos, retype the wordmark, amber text on
   bone (only 1.8:1 contrast, 4.5:1 is needed).
6. Tenant white label: the tenant logo appears. The EagleDesk logo only as a
   discreet “powered by”, and only if the operator allows it.

Files
----------------------------------------
zeichen/zeichen-hell.svg
zeichen/zeichen-hell.png
   Mark for light backgrounds: graphite lines, amber eye. Avatar, loading
   indicator, watermark.

zeichen/zeichen-dunkel.svg
zeichen/zeichen-dunkel.png
   Mark for dark backgrounds: bone lines, amber eye.

zeichen/zeichen-schwarz.svg
zeichen/zeichen-schwarz.png
   Single colour black: stamps, fax, engraving, foil.

zeichen/zeichen-weiss.svg
zeichen/zeichen-weiss.png
   Single colour white: on dark and coloured areas with enough contrast.

wortmarke/wortmarke-hell.svg
wortmarke/wortmarke-hell.png
   The lettering only, for light backgrounds, in graphite.

wortmarke/wortmarke-dunkel.svg
wortmarke/wortmarke-dunkel.png
   The lettering only, for dark backgrounds, in paper white.

wortmarke/wortmarke-schwarz.svg
wortmarke/wortmarke-schwarz.png
   Lettering in single colour black: stamps, fax, engraving.

wortmarke/wortmarke-weiss.svg
wortmarke/wortmarke-weiss.png
   Lettering in single colour white: on dark and coloured areas.

logo/logo-quer-hell.svg
logo/logo-quer-hell.png
   Standard for light backgrounds: headers, website, letterhead,
   presentations.

logo/logo-quer-dunkel.svg
logo/logo-quer-dunkel.png
   Standard for dark backgrounds: footers, dark slides, videos.

logo/logo-quer-schwarz.svg
logo/logo-quer-schwarz.png
   Horizontal, single colour black: stamps, fax, engraving, foil.

logo/logo-quer-weiss.svg
logo/logo-quer-weiss.png
   Horizontal, single colour white: on dark and coloured areas.

logo/logo-hoch-hell.svg
logo/logo-hoch-hell.png
   Vertical for light backgrounds: square or tall areas, cover pages,
   trade-fair walls.

logo/logo-hoch-dunkel.svg
logo/logo-hoch-dunkel.png
   Vertical for dark backgrounds: title slides, roll-ups.

logo/logo-hoch-schwarz.svg
logo/logo-hoch-schwarz.png
   Vertical, single colour black: stamps, fax, engraving, foil.

logo/logo-hoch-weiss.svg
logo/logo-hoch-weiss.png
   Vertical, single colour white: on dark and coloured areas.

icons/favicon-kachel.svg
icons/favicon-48.png
   Browser tab and bookmarks: the compact mark on the graphite tile (16 to
   48 px). On the website the SVG favicon adapts to light and dark tabs.

icons/app-icon-dunkel.svg
icons/app-icon-1024.png
   App icon and profile picture: the compact mark on the graphite tile with
   an amber eye; the system rounds the corners itself.

og/og-dunkel.svg
og/og-dunkel.png
   Link preview (Open Graph, LinkedIn, X, messengers), standard for dark
   backgrounds, aspect ratio 1.91:1.

og/og-hell.svg
og/og-hell.png
   Link preview for light surroundings, aspect ratio 1.91:1.

kopf/mail-kopf-hell.svg
kopf/mail-kopf-hell.png
   Small horizontal logo for mail headers and signatures on light
   backgrounds, from 20 px high (mail programs do not show SVG: use the PNG).

kopf/mail-kopf-dunkel.svg
kopf/mail-kopf-dunkel.png
   Small horizontal logo for mail headers on dark backgrounds, from 20 px
   high; this is how it appears in platform mails.

Full handbook: https://arbeitskraftwerk.webhoch.com/en/ci
