laudamedia
Anfrage

Automobilhandel · 2026 · Lauda Projekt

Lauda Motors

Premium Demo-Auftritt für Autohändler mit Fahrzeugpräsentation, Vertrauensaufbau und klarem Anfragefokus.

WebdesignVehicle UXLead Flow

01

Gestaltungsphilosophie

Automobile Exzellenz beginnt vor der Probefahrt. Der erste Eindruck – auf dem Bildschirm – entscheidet, ob ein Interessent überhaupt zum Telefon greift.

02

Farbpalette

Jet Black#0A0E14
Silver#E8E8E8
Racing Red#D32F2F

03

Typografie

Display-Schrift

Manrope

Manrope

xsAg12px
smAg14px
baseAg16px
lgAg18px
xlAg20px
2xlAg24px
3xlAg30px
4xlAg36px

Fließtext-Schrift

Inter

Inter

xsAg12px
smAg14px
baseAg16px
lgAg18px
xlAg20px
2xlAg24px
3xlAg30px
4xlAg36px

04

Designprinzipien

01

Performance ist visuell

Dynamische Typografie, hartkantiges Layout, saturierte Akzente. Das Interface kommuniziert Leistung, bevor ein einziger PS-Wert gelesen wird.

02

Technologie zeigen, nicht erklären

Spezifikationen sind Argumente für Entschlossene. Emotionen entscheiden zuerst. Wer kauft ein Auto wegen des Drehmoments? Niemand. Wer kauft es wegen des Gefühls? Alle.

03

Probefahrt als einziges Ziel

Jede Seite hat eine Aufgabe: den Termin. Nicht das Fahrzeug online verkaufen – den persönlichen Kontakt herstellen. Das Auto überzeugt dann selbst.

05

UI-Regeln

Border Radius

0px

Button Height

56px

Section Gap

128px

style-guide.css
Lauda Motors
:root {
  --car-dark: #0A0E14;
  --car-light: #E8E8E8;
  --car-accent: #D32F2F;
}

h1, h2 {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.vehicle-card {
  border: 1px solid var(--car-accent);
  background: var(--car-dark);
  color: var(--car-light);
}

.btn-cta {
  background: var(--car-accent);
  color: white;
  text-transform: uppercase;
}

Lauda Motors · Automobilhandel

Live Demo ansehen

LaudaMedia - Webdesign, Entwicklung und SEO aus München