Marke

Markenrichtlinien.

Wie LFW aussieht und klingt: der Name, die Wortmarke, Farbe, Schrift und die Regeln hinter jeder Seite.

Der Name und die Wortmarke.

Immer LFW. Eine alleinstehende Webadresse wird LFW.com geschrieben. Wo die juristische Person hingehört, verwenden Sie LFW.com LLC d/b/a LFW. Die Wortmarke ist Source Serif 4 Display in der Stärke 600, die einzige Stelle, an der die Serifenschrift erscheint.

Hell Auf dunklem Hintergrund, wie im dunklen Design SVG PNG
Fast schwarz Auf weißem oder hellem Hintergrund SVG PNG
Profilbild Weiß auf LFW-Blau, quadratisch, für Social-Media-Profile und App-Symbole. Passt in einen runden Zuschnitt. SVG PNG

Die Dateien der Wortmarke sind transparent und eng zugeschnitten, die Buchstaben in Pfade umgewandelt; das Profilbild ist ein volles Quadrat. Lassen Sie der Marke Freiraum, behalten Sie ihre Proportionen bei und färben oder verzerren Sie sie nie.

Farbe.

Eine helle Palette. LFW-Blau eröffnet und schließt jede Seite und markiert die Aktionen dazwischen. Jede Textkombination erfüllt den Kontrast nach WCAG AA, in beiden Designs.

LFW-Blau #1849B8 Die Markenfarbe: der Kopfbereich, die Abschlussbereiche, primäre Schaltflächen, Dachzeilen und aktive Zustände.
Tiefblau #123A96 LFW-Blau für dunkle Hintergründe: der Kopfbereich und die Abschlussbereiche im dunklen Design sowie Hover-Zustände.
Tinte #0A0A0A Überschriften und Fließtext auf hellen Seiten; der Hintergrund des dunklen Designs.
Grau 600 #555555 Sekundärer Text und Beschreibungen.
Grau 500 #666666 Beschriftungen, Bildunterschriften und Kleingedrucktes.
Linie #EBEBEB Kartenränder und Tabellenzeilen. Abstand, nicht Linien, trennt die Elemente.
Fläche #FAFAFA Weiche Flächen, Karten auf Weiß und die Fußzeile.
Weiß #FFFFFF Die Seite. LFW.com ist standardmäßig hell.
Grün #0E7D57 Nur für einen guten Zustand: bestandene Prüfungen, Verfügbarkeit, veröffentlicht.

Schrift.

Public Sans für alles, was gelesen wird. Fünf Überschriftenebenen, von Display bis Kleiner Titel, dann Fließtext und Beschriftung. Jede Überschrift der Website nutzt eine davon. Enge Laufweite bei großen Größen, keine bei kleinen. Nichts unter 14px.

DisplayPublic Sans 500 · 72px · 1.02 · −0.045emIhre feste Webagentur.
ÜberschriftPublic Sans 500 · 48px · 1.08 · −0.035emWas die Pauschale abdeckt.
ZwischenüberschriftPublic Sans 500 · 28px · 1.15 · −0.025emAnmeldeformular dreht sich auf dem iPhone im Kreis
TitelPublic Sans 600 · 20px · 1.25 · −0.02emBetreuung für die Website, die Sie haben
Kleiner TitelPublic Sans 600 · 16px · 1.35 · −0.01emGeschäftszeiten
FließtextPublic Sans 400 · 17px · 1.65Wir setzen die Änderungen um, die Sie senden, halten Ihre Website aktuell und prüfen sie jeden Tag.
BeschriftungPublic Sans 500 · 14pxBeispieldaten einer fiktiven Organisation.

Oberflächenelemente.

Schaltflächen in Pillenform, weiche Karten und Produktfenster mit dünnem Rand und leichtem Schatten.

Angebot anfordern Termin vereinbaren Textlink Chip Status

KarteEine weiche Fläche, 12px Ecken, 28px Innenabstand, auf Weiß mit Rand.

Produktfenster

Echte Produktansichten, in lesbarer Größe dargestellt und als Beispiele gekennzeichnet.

Layoutregeln.

Standardmäßig hellWeiße Seiten, mit einem dunklen Design für alle, die es wählen.
Blau ist ein AkzentSchaltflächen, Links und aktive Zustände. Nie ein Band über die volle Breite.
Die Leistung zeigenBilder von Portal, Monitor und Bericht erklären die Arbeit. Jedes Beispiel ist gekennzeichnet.
Sparsam und leicht zu überfliegenKurze Überschriften, eine Zeile darunter, dann der Beleg.
Text unter seiner ÜberschriftNie daneben. Schaltflächen stehen unter den Worten, die sie begründen.
Abstand zwischen den ElementenKarten und Elemente werden durch Abstand getrennt, nicht durch Trennlinien.
Karten statt TabellenOptionen, Fristen und Vergleiche sind Karten. Tabellen nur innerhalb von Produktbildern.
Serifen nur im LogoJede Überschrift und jeder Titel ist in Public Sans gesetzt.

Tonalität.

Selbstbewusst, genau und schlicht. So klingen wie die Menschen, die die Arbeit machen.

Positionierung: Geschäftskritischer Website-Betrieb.
Die Beziehung: Ihre feste Webagentur.
Die Haltung: Keine Last ist zu schwer.

Direkt sagen, was wir tun, was es kostet und was als Nächstes passiert.
Schlichte Fakten in den Worten des Kunden. Keine Slogans, bei denen sich die Lesenden fragen, was sie bedeuten.
Ehrgeizige Anfragen ernst nehmen und ehrlich sein über Umfang, Abwägungen und die Werkzeuge, die wir nutzen, auch KI.
Versprechen, was Kunden bekommen, etwa Reaktionszeiten und das volle Eigentum an ihrer Website. Keine Aussagen über die Größe des Teams oder darüber, wer die Arbeit macht, denn das ändert sich, wenn LFW wächst.
Überall dort, wo eine Reaktionszeit steht, die Geschäftszeiten angeben.
Kurze Absätze. Wenn der Inhalt eine Liste von Schritten, Funktionen oder Anforderungen ist, daraus eine echte Liste machen.
Keine Geviertstriche. Im Englischen amerikanische Schreibweise. Die Domain wird LFW.com geschrieben, und nur dann kleingeschrieben, wenn ein Pfad folgt.
WordPress nur als Beschreibung, wie in „Websites auf WordPress-Basis“.
Ein wenig Humor, wo es persönlich wirkt, nie in rechtlichen, sicherheitsbezogenen oder beschaffungsbezogenen Texten.