ivo-tech brand system

Brand Showcase

Präzise-Neon Logo-System mit Mark Detailed/Core/Micro, Theme-Varianten und produktionsnahen Motion-Interfaces.

Logo-System

Lockup Horizontal

ivo-tech wordmark

Mark Detailed

ivo-tech submark

Mark Core

ivo-tech core mark

Mark Micro

ivo-tech micro mark

System-Zusammenfassung

Das System basiert auf klaren Rollen: Detailed für Hero, Core für Header/Cards, Micro für Favicon und enge UI-Flächen.

Export-Paket (Handoff)

Zusätzliche Vektor-Exports aus dem Design-Handoff — unter public/assets/logo/handoff/ versioniert.

Lockup (Handoff)

Wordmark

Mark

Motion

Ambient-Energie (WebM-Loop)

Leichter Hintergrundloop — identisch mit dem optionalen Hero-Snapshot-Ambient auf der Startseite (ohne Autoplay hier: manuell starten).

Motion System

  • 120ms micro, 220ms base, 420ms expressive, 650ms reveal.
  • Easing standard: cubic-bezier(0.22, 1, 0.36, 1).
  • Easing technical in/out: cubic-bezier(0.4, 0, 0.2, 1).
  • Tier 1 UI standard, Tier 2 hero, Tier 3 campaign only.
  • prefers-reduced-motion falls back to opacity-only reveal.

Downloads

Abnahmepunkte

  • Lesbarkeit bei 16, 24, 32, 48, 64, 96, 128 Pixeln
  • Dark/Light Kontrast für Mark und Wordmark
  • Deterministische Dateinamen + Manifest + Hashes
  • Motion-Fallback ohne Lottie-Runtime-Abhängigkeit