Logos
Zwei Marken-Assets: die Wortmarke (IV|RY-Lockup) für horizontale Kontexte und das geometrische Eichhorst-Logomark für quadratische Spots, Favicons, App-Icons.
Wortmarke (Lockup)
Forest-Box mit Gold 'IV' plus 'RY' im Primär-Text. Standard für Header, Footer, Anschreiben. Component: <AppLogo>.
Logomark (Signet)
Tim Eichhorsts geometrisches Signet — pixel-rekonstruiert, Match 99,64 % gegen Original. Vier Pfeiler mit abwechselnd gerundeten Top-Ecken, P4 schwebt 1a über der Grundlinie. Component: <AppLogomark>.
Forest
#1d3825
Forest 500
#2d8035
Gold
#C58F03
Black
#09090B
White
#FAFAFA
Größen
Props: size='xs'|'sm'|'md'|'lg' (16/24/32/48 px). Das Logomark bleibt bis 16 px lesbar — der i-Punkt wird zum Fleck, die Welle erkennt man trotzdem.
Grid & Geometrie
Das Signet ist kein Font-Glyph, sondern geometrisch konstruiert. Diese Spec ist verbindlich — bei Änderungen muss das SVG neu generiert werden.
a = 100 (Pfeiler-Breite)
b = 50 (Gap = a/2)
viewBox = 0 0 550 900
P1 (i-Stem): Rumpf 3a + Cap 1a, TOP-RIGHT Arc
P2: Rumpf 5.5a + Cap 1a, TOP-LEFT Arc
P3: Rumpf 7a + Cap 1a, TOP-RIGHT Arc
P4 (floating): Sockel 1a über Grundlinie, TOP-LEFT Arc
Quarter-Arc: A 100 100 0 0 1 <endx> <endy>Do · Don't
Do
- Logomark als Favicon, App-Icon, Social-Avatar einsetzen
- Wortmarke in Header, E-Mail-Signatur, Präsentationen
- Mindestens 8 px Abstand (= a/12) um das Signet
- Auf Kontrast achten — Forest auf Gold ist zu knapp
Don't
- Nicht verzerren, drehen, umfärben außerhalb der Variantenliste
- i-Punkt nicht entfernen — ohne ihn ist es nicht IVRY
- Nicht in Schriftzug zerlegen ("I·V·R·Y")
- Keine Outline-Variante — das Signet ist solid
Im Code nutzen
<!-- Wortmarke (Lockup) für Header & Footer -->
<AppLogo size="md" />
<AppLogo size="sm" :dark="true" />
<!-- Logomark — kleine Spots, Favicon-Variante inline -->
<AppLogomark size="md" variant="forest" />
<AppLogomark size="lg" variant="currentColor" />