So sieht Lob aus.
Lobly kommt von Lob. Die Marke ist warm, direkt und ein bisschen frech, aber nie laut. Alles hier ist die Grundlage für Website, Widget und alles, was noch kommt.
Logo
Ein Schriftlogo aus Grundformen, keine Schrift. Strichstärke 14, runde Enden.
Die zwei Ideen
- Das o ist eine Sprechblase. Hier wird gelobt. Sie sitzt mit ihrer Ecke auf der Grundlinie und ist das einzige Element in Glut.
- Die Oberlängen steigen. l, b und l werden in drei gleichen Stufen größer, wie ein kleines Balkendiagramm: Lob, das wächst. Man muss es nicht sehen, um es zu spüren.
Stufen: Oberlänge 73 · 83 · 93 Einheiten über der Grundlinie, x-Höhe 50.
Signet
Die volle Blase. Favicon, App-Icon, Aufzählungen, Stempel.
Mindestgröße
Digital 16 px Höhe, Druck 6 mm. Darunter nur das Signet.
Schutzzone
Rundum mindestens die Breite der Sprechblase frei lassen.
Farben
Papier und Tinte tragen. Glut ist der eine Akzent und bleibt selten.
Tinte
--ink
Text, Hauptbutton, dunkle Flächen
Papier
--paper
Seitengrund, Text auf Tinte
Glut
--glut
Der eine Akzent: Lob, Sterne, Lob-Aktion
Glut tief
--glut-deep
Akzent als Schrift auf Papier (AA)
Glut hell
--glut-soft
Icon-Flächen, Markierungen
Papier tief
--paper-deep
Sektionswechsel
Blatt
--sheet
Karten, Widget-Grund
Linie
--line
Rahmen, Trenner
Grau
--mute
Fließtext zweite Ebene
Faustregel für jede Seite: 60 Papier, 30 Tinte, höchstens 10 Glut.
Typografie
Bricolage Grotesque für Haltung, Hanken Grotesk zum Lesen, Instrument Serif kursiv nur für Lob und Zitate.
Display XL
Bricolage 500 · opsz 96 · -4 % · 90 px
Lob, das ankommt.
Display L / H2
Bricolage 500 · 64 px
Sechs Schritte. Kein Aufsatz.
H3
Bricolage 500 · 24 px · tracking-tight
Einfügen bei Google
Zitat / Lob
Instrument Serif kursiv · 26-40 px
„So stellen wir uns eine Zusammenarbeit vor.“
Text
Hanken Grotesk 400 · 18 px · 1,6
Mit Lobly tippen deine Kunden ein paar Antworten an. Daraus entsteht ein fertiger Bewertungstext.
Eyebrow
Hanken 600 · 12,5 px · Versal · +14 %
Code
Geist Mono 400 · 13 px
data-slug="dein-betrieb"Bausteine
Pill-Buttons, weiche Karten (28-32 px Radius), Sterne in Glut.
Sterne
Auswahl
Lob-Karte
„Für uns hat das Gesamtbild einfach gestimmt.“
Radius
Bewegung
- ease-out cubic-bezier(.22, 1, .36, 1)
- 200 ms Hover, Fokus · 500 ms Zustände
- Reveals per CSS-View-Timeline, ohne JS sichtbar
- prefers-reduced-motion: alles steht still
Regeln
Kurz genug, um sie zu behalten.
So
- Glut genau einmal pro Blick: ein Akzentwort, ein Button, die Sterne.
- Ein Wort im Display-Titel darf ins kursive Serif kippen. Nur eins.
- Buttons immer als Pill. Tinte für die Hauptaktion, Glut nur für die Lob-Aktion.
- Papier statt Reinweiß. Tinte statt Schwarz.
- Gedankenstrich als normaler Bindestrich mit Leerzeichen.
Nicht so
- Kein Indigo, kein Lila-Verlauf, kein Glow. Das war Review-Sammler.
- Keine goldenen Sterne. Sterne sind Glut.
- Glut nicht als Fließtextfarbe auf Papier (Kontrast). Dafür gibt es Glut tief.
- Das Logo nicht nachsetzen, nicht in einer Schrift tippen, nicht verzerren.
- Keine Stockfotos mit lachenden Menschen am Laptop.
Tonalität
Wir duzen. Wir reden wie jemand, der selbst einen Betrieb führt: kurz, konkret, mit einem Augenzwinkern. Keine Superlative, keine Versprechen, die wir nicht belegen können. Lob ist unser Thema, also loben wir nicht uns selbst.
Zur LandingpageAlternativen
Zwei andere Richtungen zur Diskussion (07.10.2026). Logo, Schrift und Bausteine bleiben gleich, nur die Farbwelt wechselt. Jede Karte ist die Marke in klein: Hero, Widget, Farben.
Google-Bewertungen für Dienstleister
Deine Kunden würden dich loben.
Nie wieder um Bewertungen bitten. Antippen statt tippen.
Was hat bei der Kommunikation gut geklappt?
Tinte
#17130F
Papier
#F5F0E8
Glut
#FF5A1F
Glut tief
#B93A0B
A · Papier, Tinte, Glut (aktuell)
Warm, direkt, ein bisschen frech.
Dafür: Orange ist die Farbe von Energie und Zuspruch, Papier und Tinte machen daraus etwas Handfestes. Gegen das Blau und Lila der SaaS-Konkurrenz sofort erkennbar.
Dagegen: Glut auf Papier braucht immer die dunkle Stufe für Schrift. Für konservative Branchen (Steuer, Recht) kann das Orange einen Tick zu laut wirken.
Google-Bewertungen für Dienstleister
Deine Kunden würden dich loben.
Nie wieder um Bewertungen bitten. Antippen statt tippen.
Was hat bei der Kommunikation gut geklappt?
Tiefsee
#10233A
Kreide
#F3F1EB
Honig
#F2B134
Honig tief
#9A6B05
B · Tiefsee und Honig
Ruhig, verlässlich, mit einem warmen Punkt.
Dafür: Tiefes Blau steht für Verlässlichkeit, genau das, was ein Betrieb beim Thema Bewertungen will. Der Honig-Akzent hält die Wärme und das Lob im Bild, ohne zu schreien. Für Berater, IT und Unternehmensdienste die vertrauteste Welt.
Dagegen: Blau ist die Standardfarbe der Software-Branche: Birdeye, Podium, Trustpilot. Die Marke verliert an Unverwechselbarkeit und wirkt schneller wie ein Tool von vielen.
Google-Bewertungen für Dienstleister
Deine Kunden würden dich loben.
Nie wieder um Bewertungen bitten. Antippen statt tippen.
Was hat bei der Kommunikation gut geklappt?
Tanne
#12281F
Leinen
#F4F1EA
Koralle
#F0665A
Koralle tief
#B03A30
C · Tanne und Koralle
Bodenständig, modern, freundlich.
Dafür: Dunkles Tannengrün ist die Farbe von Handwerk, Wachstum und Bodenhaftung, ohne die Kühle von Blau. Koralle als Akzent bleibt warm und menschlich, liegt aber eine Spur weicher als Glut und trägt Schrift auf Papier leichter. Fühlt sich nach Betrieb an, nicht nach Startup.
Dagegen: Grün wird im Bewertungsumfeld schnell als »Alles okay«-Signal gelesen (Trustpilot-Sterne, Häkchen). Und Grün plus Koralle ist eine Kombination, die man gut treffen muss, sonst kippt sie ins Weihnachtliche.
Einordnung: A ist die unverwechselbarste und passt zum Claim (Lob, frech, warm). B gewinnt bei Vertrauen und bei konservativen Branchen, verliert gegen die blaue Konkurrenz an Profil. C liegt dazwischen: bodenständig fürs Handwerk, warm genug fürs Lob, aber mit dem Risiko, dass Grün als „alles in Ordnung“ statt als Marke gelesen wird. Alle drei erfüllen den Kontrast für Schrift auf Papier über die tiefe Akzentstufe.