Wise
Tiefes Moos mit einer kalksteinartigen Spannung. Kalksteinfunken auf dem fast schwarzen Waldboden, und massive, kantige Gestalten signalisieren jede Bewegung.
Die Schriftart Wise wirkt selbstbewusst und etwas präsent: Ein tiefes Waldgrün (#163300) dominiert den Großteil der Oberfläche – Text, Navigation, dunkle Bereiche, Icons –, während ein leuchtendes Limettengrün (#9fe870) als funktionaler Akzent bei Handlungsaufforderungen, aktiven Tabs und Schlüsselelementen dient. Die Schriftart ist fast schon aggressiv: Wise Sans mit einer Strichstärke von 900, dicht gesetzt, sticht in großen Buchstaben (100px+) auf dem Startbildschirm hervor. Der Rest des Systems bleibt auf einem cremeweißen Hintergrund mit sanft grauen Flächen (#e8ebe6) dezent. Komponenten sind standardmäßig pillenförmig – Schaltflächen, Navigationssegmente, Kontrollkästchen-Miniaturansichten, Bildmasken – mit kleinen Radien (10px) für Karten und Eingabefelder. Farbverläufe sind selten; stattdessen geht die Kombination aus Salamander- und Waldgrün sanft ineinander über, wenn Bereiche dunkler werden, und erzeugt so einen Rhythmus ohne übermäßige Dekoration.
Ein zentrierter Container mit maximal 1200 Pixel Breite und einem oberen, dunklen Bereich, der sich über die gesamte Seitenbreite erstreckt. Das Header-Layout zeichnet sich durch eine große, zentrierte Überschrift auf weißem Hintergrund aus, die von einer großen Illustration (Globus) flankiert wird, die über den unteren Rand des Viewports hinausragt. Die Abschnitte wechseln zwischen Weiß, Hellgrün und einem dunklen Bereich in „Waldgrün“ und erzeugen so einen natürlichen Farbrhythmus. Der Inhalt ist überwiegend zentriert angeordnet: Text- und Bildblöcke in zwei Spalten im oberen Bereich oder Zeilen mit Hauptelementen in drei Spalten in den unteren Bereichen. Ein fünfspaltiges Raster mit Flaggen dient zur Anzeige der Länderliste. Die Navigation besteht aus einer einzelnen, fixierten oberen Leiste mit einem segmentierten Umschalter. Der QR-Code bleibt in allen Scrollpositionen in der unteren rechten Ecke fixiert.
Dreidimensionale Illustrationen eines Globus mit Goldmünzen prägen die visuelle Welt der Marke – haptisch, leicht surreal, mit sanften Farbverläufen und warmem Licht. Die Fotografie ist minimalistisch; wenn sie zum Einsatz kommt, ist sie hell und ungezwungen. Nationalflaggen werden als kreisförmige Miniaturansichten in einem Fünf-Spalten-Raster präsentiert – das einzige „ikonische“ System ist die nationale Identität. Keine abstrakten Grafikelemente, keine Standardvorlagen. Globus und Münzen sind ein wiederkehrendes Motiv des Maskottchens und symbolisieren globale Reichweite durch ein einzelnes, positives und optimistisches Objekt anstelle einer Montage.
Palette
Marke
- Forest Ink
#163300— Der dominante dunkle Stil der Marke – Navigationstext, dunkle Abschnittshintergründe, Fließtext auf hellen Oberflächen, Symbolumrisse und gefüllte Navigationselemente – definiert ihre Stärke: Wo immer Gewicht oder Autorität gefragt sind, wählt man Forest Ink. - Lime Voltage
#9fe870— Grün dient als sekundäre Akzentfarbe für dekorative Details und zur Hervorhebung weniger häufig verwendeter Suchanfragen. Es sollte nicht als Hauptfarbe für Handlungsaufforderungen verwendet werden. - Spruce
#054d28— Ein zweites Dunkelgrün wird für Kartenoberflächen, kleinere Bildmotive und zur Erzeugung von Tiefe in dunklen Bereichen verwendet, in denen Forest Ink zu gesättigt ist.
Neutral
- Linen Mist
#e2f6d5— Ein heller Grünton für sanfte Hervorhebungen auf Oberflächen, getönte Kartenhintergründe und Hover-Effekte in Navigationsleisten. Ein dezenter, charakteristischer Grünton für unauffällige Container-Designelemente. - Signal Blue
#0b4c72— Die blaue Farbe dient als zusätzlicher Akzent für dekorative Details und zur Hervorhebung tiefer Frequenzen. - Alarm Red
#cb272f— Rot dient als unterstützende Akzentfarbe für dekorative Details und zur Hervorhebung ungewöhnlicher Farben. Verwenden Sie es als unterstützende Akzentfarbe, nicht als Statusfarbe. - Charcoal
#454745— Fließtext, Fließtext, Rich UI – ein leicht warmes Schwarz, das weicher wirkt als ein reines #000 auf weißem Hintergrund. - Obsidian
#0e0f0c— Überschriften, kontrastreiche Überschriften, rein schwarze Elemente in Navigation und Hauptmenü. Schwarz mit einem leicht grünlichen Schimmer, kein neutrales Grau. - Pebble
#868685— Unauffälliger Sekundärtext, Platzhaltertext, Symbolumrisse und Eingabefeldrahmen. Mittleres Grau, in die Ferne verlaufend.
Typografie
von 12 auf 105 Pixel · 10 Schritte
- Inter — Ersatz: Inter (native Google Fonts) · Umrisse 400,500,600,700 · Der Text, die Benutzeroberfläche, Bildunterschriften und Unterüberschriften werden im gesamten Produkt einheitlich formatiert. Für Überschriften mittlerer Ebene (36–45 px) wird eine Schriftstärke von 700 verwendet, für Unterüberschriften und Bildunterschriften 500–600 und für Fließtext und Bildunterschriften 400. Inter sorgt für ein dezenteres Erscheinungsbild, während Wise Sans einen kräftigeren Eindruck vermittelt.
- Wise Sans — Ersatz: Inter Black (900) with -0.04em tracking · Umrisse 900 · Überschriften sind die Visitenkarte einer Marke. Eine besonders dichte 900er-Schrift mit 89–105 Pixeln Zeilenabstand und engem Buchstabenabstand macht jede Überschrift zu einer ausdrucksstarken Werbebotschaft. Sie werden sparsam eingesetzt: im Fließtext, für Abschnittsüberschriften und zur Hervorhebung von Kampagnen.
- monospace — Ersatz: Inter · Umrisse 400 · Monospaced – in den extrahierten Daten gefunden, aber von der KI nicht beschrieben.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 8-12px |
| Radius der Schaltfläche | 9999px |
| Kartenradius | 10px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 64-80px |
| Seitenbreite | 1200px |
KI erstellt Ihre Website im Wise -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- Integrated Biosciences — Biolumineszenzlabor um Mitternacht
- Huly — Nordlichter im Mitternachtsobservatorium – der Protagonist ist ein vertikaler, violetter Strahl, der in Korallenrot übergeht, und jeder ruhige Abschnitt darunter greift dieselbe zweifarbige Geschichte auf, die in einem gedämpfteren Ton erzählt wird.
- Dia Browser — Ein dunkelkammerartiger Galerieraum verschmilzt mit einer redaktionellen Zeitung. In der stockfinsteren Szene offenbart sich eine sonnenbeschienene Zeitungsseite, deren Abschnitte jeweils durch eine einzelne Serifenschrift-Schlagzeile gekennzeichnet sind.
- Mintlify — Ein Wolkengarten über einem Glastisch. Der handgezeichnete Himmel und die dokumentarische Darstellung sind gemeinsam gerahmt – der einzige Ort, an dem Farbe und Konzept aufeinandertreffen, bevor die Seite in klösterliches Weiß übergeht.
- Gleap — Ein in warmen Cremetönen gehaltener Arbeitsbereich mit Graphit-Akzenten – ein Studio, in dem matte schwarze Tintenpunkte über der Leinenarchitektur zu schweben scheinen.
- ClickUp — Ein aussagekräftiges Dashboard auf weißem Marmor. Die Seite ist eine Produktbroschüre für ein Produktivitätstool, daher ist die visuelle Sprache vom Produkt selbst übernommen: dichte Listen, Statusanzeigen, Gruppen von Avataren und markante typografische Aussagen, die wie eine ausgestellte Produktspezifikation wirken.
- monday — Weiße Werkstatt mit Pastellaufklebern
- Portal — Twilight Serif Editorial – Eine hochwertige Doppelseite in einem unabhängigen Magazin, gestaltet im iOS-Stil
- Slack — Die Bühne ist auberginefarben und mit weißen Scheinwerfern beleuchtet. Ein tiefes Pflaumenrot dominiert die dunklen Bereiche, während die cremeweiße Leinwand den großformatigen, avantgardistischen Schriftzügen Raum zur Entfaltung gibt.
- Base44 — Sonnenlicht-Notizbuch mit limettengrünem Marker
- Letters — Ein Morgentermin in einer Freiluftklinik – ein steriler weißer Tisch unter einer hellblauen Decke, übersät mit blauen chirurgischen Instrumenten
- Duolingo — Grüner Spielplatz mit dicken Markierungslinien