Web-UI Komponenten

Ein Button-System, eine Farbe: das leuchtende Marken-Orange #FF940A mit anthrazitfarbener Schrift (#191919) — das ergibt AAA-Kontrast (8,7:1). Gefüllt für jede Handlung; die leise Nebenaktion (z. B. „Abbrechen“) als Orange-Outline. Keine zweite Buttonfarbe.

Klar beschriftete Felder, oranger Fokus-Ring, eindeutige Validierung über Grün und Rot.

Der wiederkehrende Abschluss-Aufruf — blaues Band, kurzer Nutzen, ein oranger Button. Sparsam und immer mit nur einer Handlung.

Auszeichnungen & Siegel schaffen Vertrauen — als ruhige Logo-Reihe unter einem Kicker, nie bunt oder verspielt.

Erfolg in Zahlen. Die Ziffer nutzt die Typo-Rolle Display (800, eng getrackt, tabellarische Ziffern) in Blau; das + oder % in Orange als Akzent, darunter eine knappe Bezeichnung.

Bewertungskarten mit Sternen, Person und Zitat — Sterne in Orange, Inhalt ruhig auf weißer Karte. Ideal als 3er-Grid.

Maximilian M.

Geschäftsführer, Maschinenbau

„Endlich ein System statt Bauchgefühl. Unsere Anfragen haben sich in einem halben Jahr spürbar erhöht."

Veronika B.

Vertriebsleiterin, Handel

„Die Schulung war praxisnah und sofort umsetzbar. Das Team zieht zum ersten Mal an einem Strang."

Kaspar S.

Inhaber, Dienstleistung

„Vom ersten Gespräch an auf Augenhöhe. Klare Empfehlungen, keine leeren Versprechen."

Eine einzelne, starke Aussage — etwa vom Gründer. Orange-Anführungszeichen, große Bold-Schrift, Person darunter.

Vorteile & Leistungen im Raster — großes Icon, kurze Überschrift, ein, zwei Sätze, zentriert. Drei bis vier pro Reihe.

Automatisierung

Wiederkehrende Abläufe in Zoho automatisieren — weniger Handarbeit, mehr Tempo.

Strategie

Ein klarer Plan für CRM und Digitalisierung — abgestimmt auf euer KMU.

Best Practice

Erprobte Prozesse für Vertrieb & Service statt Bauchgefühl.

Der Klassiker: Bild auf einer Seite, Inhalt auf der anderen. Kicker, Überschrift, Fließtext, optional ein Button. Seiten je Abschnitt abwechseln.

„Schritt für Schritt" als nummerierte Stationen — orange Ziffern-Kreise, kurze Überschrift, ein erklärender Satz.

„In diesem Webinar erfahren Sie…" — Aufzählungen mit orangem Häkchen-Kreis statt nüchternem Punkt. Für Nutzen-Listen und Ratgeber.

„Unser Team": rundes Foto, Name, Rolle in Orange. Ruhig im gleichmäßigen Raster.

Der gemeinsame Rahmen jeder App: oben eine ruhige Leiste mit Logo + App-Name links und Aktionen rechts. Das ist der wichtigste Wiedererkennungs-Anker — überall gleich.

Buchgenerator

Buch generieren

Editor Vorschau Export

Lange Konfigurations-Tools werden in nummerierte Schritte gegliedert — erledigt (grün), aktiv (orange umrandet), offen. Gibt Orientierung in mehrstufigen Abläufen.

Dateien werden per Drag & Drop oder Klick übergeben. Beim Überfahren färbt sich die Zone orange — das eindeutige „hier loslassen"-Signal.

Für sich gegenseitig ausschließende Ansichten (Karte / Gliederung, Layout-Varianten). Kompakter als Tabs, ideal in Werkzeugleisten.

Geführte Abläufe (Quiz, Rechner, Assistent) zeigen den Stand als Punktreihe und Balken. Erledigte Schritte und der Balken sind orange.

Während die App arbeitet: eine ruhige Statuszeile mit Spinner. Verbrauch (Tokens, Kosten) als nüchterne Kennzahl-Kacheln — Werte tabellarisch, Akzentzahl orange.

Bevor Inhalte da sind: ein ruhiger Platzhalter, der erklärt, was als Nächstes zu tun ist — nie eine leere Fläche.

Geschützte Tools öffnen mit einer einzelnen, zentrierten Karte — Logo-Marke, kurze Erklärung, ein Feld, ein Button. Keine Ablenkung.

Kurze, selbstverschwindende Rückmeldung — dunkle Pille, farbiges Icon. Für „gespeichert", „exportiert", „kopiert".

Der erste Bildschirm: klare Aussage, ein Schlüsselwort in Orange, genau eine Hauptaktion, ein Vertrauensanker. Bild rechts.

Bleibt beim Scrollen oben: Logo links, knappe Navigation, rechts die Hauptaktion. Ruhig, mit dezentem Schatten.

LeistungenReferenzenWebinareÜber uns

Erstgespräch

Auf kleinen Screens: kompakte Leiste mit Menü-Button, darunter das ausgeklappte Drawer-Menü mit der Hauptaktion als Vollbreit-Button.

[ Seiteninhalt ]

LeistungenReferenzenWebinareÜber uns Erstgespräch

Mehrere Leistungen kompakt nebeneinander — kleines Icon, Titel, ein Satz. Dichter als die Icon-Boxen, für „Was wir bieten".

Automatisierung

Abläufe in Zoho laufen von selbst.

Strategie

Klarer Plan für CRM & KI.

Best Practice

Erprobte Prozesse für Vertrieb.

Analyse

Wir finden die echten Hebel.

Pakete im Vergleich — das empfohlene Paket mit orangem Rahmen & Badge hervorgehoben. Häkchen in Grün, ein Button je Karte.

Leistungen je Paket gegenübergestellt — die empfohlene Spalte dezent orange unterlegt, Häkchen grün, Fehlendes neutral.

Häufige Fragen zum Auf- und Zuklappen. Das Plus-/Minus-Zeichen in Orange, nur eine ruhige Linie je Eintrag.

Referenz mit Bild, kurzer Story und harten Kennzahlen — die Wirkung in blauen Zahlen mit orangem Akzent.

16:9-Fläche mit orangem Play-Button mittig — vor dem Klick ein ruhiges Vorschaubild, kein automatisches Abspielen.

Datum prominent in der blauen Kachel, Titel & Nutzen in der Mitte, rechts die Anmeldung. Eine Zeile, klar gegliedert.

Mini-Kalender plus Zeitfenster — der gewählte Tag in Button-Orange, freie Slots als antippbare Felder, ein klarer Bestätigen-Button.

Kurz halten: nur das Nötigste, klare Beschriftung, ein Vollbreit-Button, ein Vertrauenshinweis darunter.

Dezent, dunkle Pille am Seitenrand: kurzer Text, Link zur Erklärung, eine primäre und eine zurückhaltende Aktion.

Während Inhalte laden: Skeleton-Platzhalter in Kartenform plus ein Spinner mit Statuszeile. Nie ein leerer Sprung.

Nach dem Absenden: grüner Haken, klare Bestätigung, der nächste sinnvolle Schritt als Aktion.

Ganzseitige Zustände: große Kennung, eine Erklärung, ein Weg zurück. Status-Farbe sparsam, Marke ruhig.