Corporate Identity & Style Guide

IDS.online
Design System

Das verbindliche Design-Handbuch für alle visuellen und sprachlichen Touchpoints der Marke IDS.online.

Version 1.0 · Februar 2026 · IDS.online GmbH · 100% Tochter des VDDI

01 – Markenidentität

Wer wir sind

IDS.online ist das digitale Portal für die dentale Community. Wir verbinden die Dentalbranche mit digitalen Lösungen – von Unternehmensverzeichnissen über KI-Automatisierung bis Branchenservices.

Vertrauen

Teil des VDDI – der Branchenverband der deutschen Dentalindustrie.

Innovation

KI-basierte Lösungen, die echten Mehrwert schaffen.

Einfachheit

Niedrigschwellig, ohne Friktion, sofort nutzbar.

Partnerschaft

Langfristige Begleitung – nicht nur Dienstleister.

03 – Farbpalette

Farben

Unsere Farbpalette transportiert Vertrauen, Wärme und Professionalität.

Akzentfarben

IDS Orange
#FEB13D
Primärfarbe · CTA · Links
IDS Pink
#FE4768
Sekundärakzent · Alerts

Neutrale Farben

Dark 800
#2E3538
Texte · Header
Navy 700
#193C4D
Akzent-BG
Slate 600
#5D737E
Fließtext
Grey 500
#8F9CA3
Subtexte
Light 400
#D8E1E5
Borders
Ice 300
#EEF4F6
Card-BG
Off-White 200
#F9FBFC
Page-BG
White 100
#FFFFFF
Reinweiß

Verwendungsregeln

04 – Typografie

Schriften

Primärschrift: Soleil

Geometrische Sans-Serif von Wolfgang Homola (TypeTogether, 2011). Warme, zeitgemäße Ausstrahlung mit asymmetrischen Rundungen. «Soleil» ist französisch für Sonne.

SchnittVerwendung
LightGroße Überschriften, Hero-Text
RegularFließtext, Absätze
BookAlternative für längere Texte
SemiboldSubheadlines, Labels, Navigation
BoldHeadlines, Buttons, CTAs
ExtraboldKeyvisuals, große Zahlen
BlackNur Displaytext / Logos

Fallback-Fonts

Wenn Soleil nicht verfügbar ist:

KontextFont
Web / DigitalNunito Sans
Office (PPT/Word)Trebuchet MS
System-FallbackArial / Helvetica

Hierarchie

ElementSpezifikation
H1Bold, 32–40 pt, Dark
H2Bold, 24–28 pt, Dark
H3Semibold, 18–20 pt, Slate
BodyRegular, 15–16 pt, Slate
SmallRegular, 12–13 pt, Grey
CTABold, 15–16 pt, Dark auf Orange

05 – Bildsprache

Fotostil & Illustrationen

Bilder transportieren Professionalität, Nähe und Innovation.

Authentisch

Echte Situationen, keine gestellten Stock-Fotos. Menschen im Arbeitsumfeld.

Warm & hell

Natürliches Licht, warme Farbtemperatur. Soleil = Sonne.

Fokussiert

Klare Motive mit einem Hauptsubjekt. Ruhige Komposition.

Professionell

Business-Kontext, dental-spezifisch wo möglich.

Divers

Verschiedene Rollen, Geschlechter, Altersgruppen.

Icons

Line-Art, 1.5–2 px Strich. Orange oder Slate auf hell, Weiß auf dunkel.

06 – Tonalität

Sprachstil

IDS.online spricht wie ein kompetenter, nahbarer Branchenpartner – nicht wie ein anonymer Tech-Konzern.

Professionell aber nicht steif
Kompetent aber nicht belehrend
Modern aber nicht Buzzword-lastig
Nahbar aber nicht kumpelhaft
Selbstbewusst aber nicht arrogant
Sie-Ansprache in B2B-Kontext

Do’s

  • Klare, aktive Sprache verwenden
  • Konkreten Nutzen vor Features stellen
  • Branchenbegriffe nutzen (ERP, VPE)
  • Zahlen und Fakten für Vertrauen

Don’ts

  • Keine Anglizismen ohne Grund
  • Keine Superlative ohne Beleg
  • Kein Fachjargon für Nicht-Techniker
  • Nicht duzen in der Kundenkommunikation

07 – UI-Elemente

Komponenten

Buttons

Soleil Bold, 8 px Radius, Hover mit leichtem Schatten.

Cards

Feature Card

Weißer BG, Orange Top-Border, 12 px Radius, subtiler Shadow.

Standard Card

Weißer BG, kein Border-Akzent, gleicher Shadow.

Dark Card

Dunkler BG, helle Texte, Orange-Akzente.

Abstände & Grid

Basis: 8 px. Alle Abstände als Vielfache.

8
16
24
32
48
64
80

Border-Radius

Buttons8 px
Cards12 px
Inputs8 px
Tags / Badges20 px (Pill)
Avatare50% (Kreis)

Max. Content-Breite

Content1100 px
Ränder Mobile24 px
Ränder Tablet32 px
Ränder Desktop48 px