Monad

Palette

Marke

• Parchment #f6f3f1 — Die Seitenfläche und ein Großteil der Oberflächenfüllung – dieser warme, cremige Farbton – ist die charakteristische Farbe der Marke und hebt die Website sofort von den rein weißen SaaS-Vorlagen ab.
• Lake Blue #2b59d1 — Lila eignet sich zur Hervorhebung von Hintergründen, dekorativen Streifen und als dezenter Akzent hinter Inhalten. Es sollte nicht als Hauptfarbe für Handlungsaufforderungen verwendet werden.

Neutral

• Off-Black #242424 — Hochkontrastige neutrale Füllfarbe für primäre Schaltflächen auf hellen Oberflächen.
• Periwinkle Mist #cfdaf5 — Eine zurückhaltende Benutzeroberfläche für deaktivierte Steuerelemente, unauffällige Bedienfelder und Platzhalterblöcke.
• Sky Blue #a0b5eb — Dekorativer Farbverlaufsstopp - Erscheint in atmosphärischen Füllungen und Strömungslinien im Rohrleitungsdiagramm, wird niemals als UI-Füllung verwendet.
• Mint #a7fccd — Eine sekundäre Farbpalette für kleine dekorative Akzente, wenn die Hauptfarbpalette einen Kontrast benötigt.
• Coral #ff9473 — Eine sekundäre Farbpalette für kleine dekorative Akzente, wenn die Hauptfarbpalette einen Kontrast benötigt.
• Gold #ecda98 — Ein dekorativer Farbverlaufspunkt ist ein warmer Akzent bei Farbverlaufsübergängen und wird in funktionalen Benutzeroberflächen nie verwendet.

Typografie

von 12 auf 80px · 10 Schritte

• ABC Diatype Mono — Ersatz: JetBrains Mono · Umrisse 400, 500 · Haupttext, Navigation, Schaltflächen, Symbole, Tags und sämtliche UI-Texte werden in einer nichtproportionalen Schriftart dargestellt. Dadurch wirkt die Benutzeroberfläche wie ein technisches Handbuch – primärer Text in 16–20 Pixeln wird als Information und nicht als Marketinginformation wahrgenommen. Navigationsbezeichnungen und Symbole verwenden eine 18-Pixel-Schrift mit präziserem Buchstabenabstand; kleinere Schriftarten und Metadaten verwenden eine 12-Pixel-Schrift in Großbuchstaben. Eine Schriftgröße von 500 Pixeln ist für besonders hervorgehobene UI-Elemente reserviert.
• Untitled Serif — Ersatz: Times New Roman · Umrisse 400 · Nur für Überschriften und Unterüberschriften – verwendet in 80px (Haupttext), 48px (Abschnitt), 40px und 32px (Unterabschnitte) sowie 24px (Überschriften von Beschreibungskarten). Die Schriftstärke ist für alle Größen auf 400 festgelegt; der natürliche Kontrast der Serifenschrift und der Buchstabenabstand von -0,02em sorgen für die optimale Lesbarkeit anstelle von Fettdruck. Dies entspricht dem redaktionellen Stil: Überschriften wirken typografisch elegant, nicht aufdringlich.
• Untitled Sans — Ersatz: Inter · Umrisse 400 · Untitled Sans font - found in the extracted data but not described by the KI.

Intervalle und Form

Ähnliche Stile

• Mollie — Ein Kassenbereich aus Kaschmir, ein dunkles Kassenbuch. Lassen Sie um den schwarzen Text herum viel Weißraum für redaktionelle Gestaltung und heben Sie produktbezogene Punkte mit warmen Cremetönen, Espressobraun und haptischen Fotos von tatsächlichen Zahlungsmethoden hervor.
• Kagi — Ein separater Leseraum. Schaffen Sie einen offenen, weißen Raum um fettgedruckte Graphittexte herum und nutzen Sie dezente violette Akzente und warme Pastellfarben, um die Ruhe aufzulockern.
• Milanote — Milanote ist ein spezialisiertes Kreativstudio. Wir erstellen redaktionelle Galerie-Seiten mit schwebenden visuellen Tafeln: dunkle Rahmen, weiße Ausstellungsfläche und Screenshots, die wie reale Objekte mit sanfter Tiefenwirkung wirken.
• Co2 — Ein Klimaatlas im Winterlicht. Gestalten Sie Seiten wie eine Luftbilddokumentlandschaft, in der Serifenüberschriften, kategorisierte Daten und eisige Bilder breite weiße Ränder hervorheben.
• GitButler — Türkis am Ende des Textes. Eine Kombination aus kontrastreichen Serifenüberschriften mit dezenten technischen Rastern, warmen Graphitflächen und einem zurückhaltenden türkisfarbenen Akzent.
• ElevenLabs — Eine Fotostrecke in warmen Cremetönen mit dezenten Überschriften. Ein Notizbuch im Bauhaus-Stil – eierschalenfarbenes Papier, schwarze Tinte und ein einzelner violetter und orangefarbener Akzent zur Produktpräsentation.
• Awesomic — Redaktionelles Zinkgewebe mit orangefarbenen Satzzeichen, die an Konfetti erinnern
• Dub — Link's mattes Reispapier-Bedienfeld
• Seline Analytics — Ein ruhiger analytischer Tisch auf warmem Papier
• Notion — Ein warmes Notizbuch aus Papier in der Mittagssonne
• Anthropic — Ein wissenschaftliches Feldtagebuch auf warmem Pergament – ruhige elfenbeinfarbene Oberflächen, serifenbesetzte Überschriften und ein einzelner Akzent in Lehmfarbe, der nur dann erscheint, wenn Handlungsbedarf besteht.
• Calendly — Dunkelblaue Tinte auf kaltem Marmor

Katalog der Stile nach Kategorien