carvex
carvex

Brand Guidelines

Das zentrale Design System für carvex – die moderne Website-Plattform für KFZ-Händler. Klar, modular, flexibel.

6
Logo-Varianten
6
Farben
5
Font Weights
17
Duotone Icons

Markenkern

Was carvex repräsentiert und wofür die Marke steht

Modular & Flexibel

Dashboard-Konzept symbolisiert flexible Fahrzeugverwaltung

Einfach & Klar

Minimalistisches Design ohne Schnörkel

Modern & Digital

Zeitgemäße Lösung für KFZ-Händler

Logo-Varianten

Sechs Varianten für verschiedene Anwendungsfälle

Primäres Logo
carvex

Icon + Wordmark – Die Hauptvariante für alle Anwendungen. Das modulare Dashboard-Icon symbolisiert die flexible Fahrzeugverwaltung.

Auf hellem Hintergrund
carvex

Standard für Websites & Dokumente

Auf dunklem Hintergrund
carvex

Für Dark Mode & dunkle UIs

Nur Icon

Favicons & App Icons

Nur Wortmarke
carvex

Für Text-Heavy Layouts

Gestapelt
carvex

Für quadratische Flächen

Monochrom

Für Druck & Monochrome Medien

Icon-Konzept

Das Dashboard-Icon symbolisiert die modulare, flexible Natur von carvex. Die verschiedenen Opacity-Stufen repräsentieren Hierarchie und Organisation – perfekt für eine Plattform zur Fahrzeugverwaltung.

Farben

Teal als Primärfarbe mit Slate-Neutrals

#0d9488

Primary

#14b8a6

Primary Light

#0f766e

Primary Dark

#0f172a

Dark

#94a3b8

Slate 400

#f1f5f9

Slate 100

Typografie

System Font Stack für moderne, native Performance

Heading 1 - Die professionelle Autohaus-Website

Heading 2 - Erstellen Sie Ihre Website in Minuten

Heading 3 - Automatische mobile.de Integration

Heading 4 - Keine Programmierkenntnisse erforderlich

Lead Paragraph - CARVEX ist die moderne SaaS-Plattform für KFZ-Händler, um innerhalb weniger Minuten eine professionelle Autohaus-Website zu erstellen.

Body Text - Erstellen Sie Ihre Website mit automatischer mobile.de-Integration und modernem Design. Keine Programmierkenntnisse erforderlich. Ihre Fahrzeuge erscheinen automatisch – ohne Aufwand.

Small Text - Hosting in Deutschland · SSL · DSGVO-konform · SEO-optimiert

Regular 400 - Standard für Fließtext

Medium 500 - Für Buttons und Hervorhebungen

SemiBold 600 - Für wichtige Labels

Bold 700 - Für starke Betonung

ExtraBold 800 - Für Logo und Headlines

Die professionelle Autohaus-Website

Erstellen Sie Ihre Website in Minuten – mit automatischer mobile.de-Integration

Premium Design·Sofort startklar

Font Weights

Aa
Regular
400
Body Text
Aa
Medium
500
UI Labels, Navigation
Aa
Semibold
600
Subheadlines, Cards
Aa
Bold
700
Headlines, Buttons
Aa
Extrabold
800
Hero Headlines

Font Sizes & Hierarchy

Hero Headline
3.5rem / 56px · extrabold · line-height: 1.1 · letter-spacing: -0.02em
Section Headline
2.5rem / 40px · extrabold · line-height: 1.2 · letter-spacing: 0
Card Headline
1.25rem / 20px · bold · line-height: 1.4 · letter-spacing: 0
Body Large
1.25rem / 20px · normal · line-height: 1.6 · letter-spacing: 0
Body
1rem / 16px · normal · line-height: 1.6 · letter-spacing: 0
Body Small
0.875rem / 14px · normal · line-height: 1.5 · letter-spacing: 0
Button
1rem / 16px · semibold · line-height: 1 · letter-spacing: 0
Label
0.75rem / 12px · medium · line-height: 1 · letter-spacing: 0.05em

Font Family

Inter mit System UI Fallback für optimale Performance

'Inter', system-ui, -apple-system, sans-serif

Text Hierarchy

Klare Hierarchie durch Größe, Gewicht und Spacing

• Hero: 800 weight, -0.02em tracking
• Headlines: 700 weight
• Body: 400 weight, 1.6 line-height

Claims & Messaging

Klare, direkte Kommunikation – lowercase & freundlich

Die professionelle Autohaus-Website – in Minuten erstellt.

Die Website für KFZ-Händler. Einfach. Schnell. Automatisch.

Ihr Autohaus online – ohne Aufwand.

Das digitale Zuhause fürs Autohaus.

carvex — Websites, die verkaufen.

Tone of Voice

  • Klar und direkt
  • Lowercase & freundlich
  • Keine Buzzwords
  • Wie Linear, Stripe, Vercel

Kurzbeschreibung

carvex ist die moderne Website-Plattform für KFZ-Händler. Erstelle deine Autohaus-Website in Minuten – mit automatischer mobile.de-Integration und flexiblem Design.

Duotone Icons

17 Icons im charakteristischen Duotone-Stil mit Slate-400 & Teal

Stil-Regeln

Primäre Linien: #94a3b8 (slate-400)
Akzente: #0d9488 (teal)
Stroke Width: 1.5px
Viewbox: 24×24
Website
Sync
Template
Builder
Mail
Chart
Lock
Mobile
Check
Car
Settings
User
Search
Plus
Arrow
Download
Link

Verwendungsbeispiel

<svg viewBox="0 0 24 24" fill="none" strokeWidth="1.5">
  <rect x="3" y="5" width="18" height="14"
        rx="2" stroke="#94a3b8"/>
  <path d="M3 7l9 6 9-6"
        stroke="#0d9488" strokeLinecap="round"/>
</svg>

Slate-400 für Linien/Outlines, Teal für visuelle Akzente

Spacing & Layout

Konsistentes Spacing-System von 4px bis 96px

Spacing Scale

space-1
4px
0.25rem
space-2
8px
0.5rem
space-3
12px
0.75rem
space-4
16px
1rem
space-6
24px
1.5rem
space-8
32px
2rem
space-12
48px
3rem
space-16
64px
4rem
space-20
80px
5rem
space-24
96px
6rem

Border Radius

radius-sm
6px
Buttons, Tags
radius-md
12px
Cards, Inputs
radius-lg
16px
Sections
radius-xl
24px
Hero Areas

Section Spacing

Hero Sections
80-96px

Großzügiger Abstand für Hero-Bereiche

Content Sections
64-96px

Standard-Abstand zwischen Sektionen

Card Spacing
16-24px

Innenabstand in Cards und Containern

Button Styles

Drei Button-Varianten für verschiedene Kontexte

Primary Button

bg: #0d9488
hover: #0f766e
text: white
weight: 600-700
radius: 6-12px

Secondary Button

bg: transparent
border: slate-300
text: slate-700
weight: 600-700
radius: 6-12px

Dark Background

bg: transparent
border: white/20
text: white
weight: 600-700
radius: 6-12px

Button States

Default State
Hover State
Active State
Disabled State

Landingpage Beispiel

Vollständige Landingpage mit allen Brand Guidelines

carvex.io
carvex
Neumobile.de Sync

Die professionelle Website
für Ihr Autohaus

In Minuten erstellt. Automatisch aktualisiert. Ohne Programmierkenntnisse.

Alles was Sie brauchen

Eigene Website

Mit Domain oder Subdomain

mobile.de Sync

Automatischer Import

Templates

Professionelle Designs

Free

0 €

Pro

179 €

Angewandte Guidelines

Slate-900 Hero Background
Font-Weight 800 Headlines
Teal (#0d9488) Primary Buttons
Duotone Icons (Slate-400 + Teal)
Border Radius 12px Cards
Line-Height 1.1 für Hero

UI Components

Wiederverwendbare Komponenten im carvex Design System

Buttons

Badges

NeuAktivFeaturedBeliebtComing Soon

Form Elements

Cards

Free

Für kleine Händler

0/Monat
  • Bis zu 10 Fahrzeuge
  • mobile.de Integration
  • Standard Templates
Beliebt

Pro

Für wachsende Autohäuser

150/Monat

Exklusiv für den Start statt 179€

  • Bis zu 64 Fahrzeuge
  • Pro Templates
  • Premium Support

Enterprise

Für große Händlergruppen

Auf Anfrage
  • Unbegrenzte Fahrzeuge
  • Multi-Standort
  • Dedizierter Account Manager

Anwendungsbeispiele

Visitenkarten, E-Mail Signaturen und System-E-Mails

Visitenkarten

Variante 1: Clean Minimal
carvex

Max Mustermann

Geschäftsführer

max@carvex.io

+49 123 456 789

carvex
Variante 2: Sidebar Accent
carvex

Max Mustermann

Geschäftsführer

max@carvex.io • +49 123 456 789

carvex.io

Die professionelle Autohaus-Website

Variante 3: Bold Header
carvex

Max Mustermann

Geschäftsführer

max@carvex.io+49 123 456 789

Die professionelle

Autohaus-Website

Variante 4: Dark Premium
carvex

Max Mustermann

Geschäftsführer

max@carvex.io

+49 123 456 789

CARVEX.IO

E-Mail Signaturen

Kompakt

Max Mustermann

Geschäftsführer

+49 123 456 789 • max@carvex.io

carvex.io

Mit Logo & Claim
carvex

Max Mustermann

Geschäftsführer

📧 max@carvex.io

📱 +49 123 456 789

🌐 carvex.io

Die professionelle Autohaus-Website

Horizontal (für längere Mails)
carvex

Max Mustermann • Geschäftsführer

max@carvex.io • +49 123 456 789 • carvex.io

System-E-Mails

Registrierung / Willkommen
carvex

Willkommen bei Carvex! 🎉

Hallo Max,

schön, dass du dabei bist! Dein Account wurde erfolgreich erstellt.

Deine Zugangsdaten:

max@musterautohaus.de

Falls du Fragen hast, antworte einfach auf diese E-Mail.

carvex

© 2025 Carvex

Passwort zurücksetzen
carvex
🔐

Passwort zurücksetzen

Du hast angefordert, dein Passwort zurückzusetzen. Klicke auf den Button unten, um ein neues Passwort zu vergeben.

Dieser Link ist 24 Stunden gültig. Falls du diese Anfrage nicht gestellt hast, kannst du diese E-Mail ignorieren.

Diese E-Mail wurde automatisch versendet. Bitte nicht direkt antworten.

Benachrichtigung (z.B. neuer Lead)
carvex
Neue Anfrage

Neue Kontaktanfrage 📬

NameThomas Schmidt
E-Mailt.schmidt@email.de
Telefon+49 171 123 456
InteresseBMW 320i (ID: 12345)
Nachricht

"Ist das Fahrzeug noch verfügbar? Würde gerne morgen vorbeikommen."

Musterautohaus GmbH

Benachrichtigungen verwalten
Rechnung / Zahlungsbestätigung
carvex
Rechnung

Zahlung erfolgreich

15. Januar 2025

Rechnungsdetails

Carvex Pro (monatlich)79,00 €
MwSt. (19%)15,01 €
Gesamt94,01 €

Carvex GmbH • Musterstraße 1 • 12345 Berlin • USt-ID: DE123456789

Newsletter Template

carvex
Januar 2025
NEU

Das große Januar-Update ist da

Neue Templates, verbesserter PageBuilder und mehr – hier sind die Highlights.

🎨

5 neue Premium Templates

Speziell für Mehrmarken-Händler optimiert

Schnellerer PageBuilder

50% schnellere Ladezeiten im Editor

🔗

Verbesserter mobile.de Import

Jetzt mit automatischer Bildoptimierung

Noch kein Carvex Pro?

Teste alle Features 14 Tage kostenlos.

carvex
TwitterLinkedIn

Du erhältst diese E-Mail, weil du den Carvex Newsletter abonniert hast.
AbmeldenEinstellungen

Don'ts

Was man mit dem Logo nicht tun sollte

Andere Farben
Verzerren
Drehen
Schatten

Zielgruppe & Positionierung

Für wen carvex gemacht ist

Primäre Zielgruppe

Kleine bis mittlere Autohändler

5–200 Fahrzeuge, benötigen professionelle Web-Präsenz

Freie Händler & Mehrmarkenhändler

Ohne große Marketing-Abteilung

mobile.de Nutzer

Die bereits inserieren und eigene Website brauchen

Positionierung

carvex positioniert sich zwischen generischen Website-Buildern und teuren Agentur-Lösungen als die spezialisierte, sofort nutzbare Lösung für Autohändler.

vs. Wix/Webflow
Spezialisiert auf KFZ
vs. mobile.de Seiten
Volle Kontrolle & Branding
vs. Agenturen
Günstiger, schneller

Domain & Social Media

Offizielle Domain und Social Media Präsenz

Offizielle Domain

carvex.io

Die offizielle Domain für alle CARVEX Produkte und Services

Social Media Bio

Instagram / Facebook

Websites für Autohändler – schnell & einfach. 🚗 Automatische mobile.de-Integration.

LinkedIn

carvex — Die moderne Website-Plattform für KFZ-Händler. Mit automatischer mobile.de-Integration.