Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukEntwécklerEntwécklung vun KI-Tools fir Geschäfter. Héichqualitativ. Bezuelbar.Op Telegram schreiwen
Superlist — eng Virschau vun enger Säit an dësem Stil

Superlist

En Nuetsaarbechtsberäich mat Korallenglüh - eng roueg Aubergine-App-Uewerfläch, wou en eenzege waarmen orange Funken all Aktioun signaliséiert.

Superlist benotzt eng Produktivitéitssprooch a Mëtternuechtsviolette Téin: déif Aubergine, waarm Korall als eenzeg Primärfaarf, a grouss Sans-Serif-Iwwerschrëften, déi déi ganz Atmosphär afänken. D'Interface evokéiert d'Gefill vun enger spéit-nuechts fokusséierter Aarbecht - roueg, geschichtet a selbstsécher, mat Faarf déi nëmmen als funktionell Interpunktioun op Handlungsruff, aktiven Zoustänn a Schlësselpunkten benotzt gëtt. D'Uewerfläche sinn a subtile donkelen Téin mat engem violette Ënnerton geschichtet (#181824 → #26253b), wouduerch reng Schwaarz vermeit gëtt fir sécherzestellen datt d'Déift sech waarm anstatt steril ufillt. D'Komponente weisen generéis gerundet Formen (20px Kaarten, Pëlleknäppercher), mëll Schied, an "ootmen" duerch komfortabel 10-16px Lächer anstatt enk Gitter. D'Stëmm vun der Iwwerschrëft ass alles: e Gewiicht vu 600 Punkten bei 70-88px mat engem enken Buschtawenofstand vun -0.02em behandelt den Text als typographesch anstatt als UI - et ass méi no un redaktionellen Text wéi un SaaS.

Däischter Sektiounen decken déi ganz Breet vun der Säit of, mat zentréierten Inhaltscontainer mat maximaler Breet. Den Haaptsektioun ass vertikal zentréiert an enthält eng Iwwerschrëft, en Ënnertext an en Handlungsruff (CTA), gefollegt vun engem grousse Produktscreenshot, deen déi nächst Sektioun iwwerlappt. Déi folgend Sektiounen wiesselen tëscht zentréierten Textblöcken a Kaartegitter. D'Bewäertungssektioun benotzt en dräikolonnent Raster mat Bewäertungskaarten a 16 Schinnen. D'Navigatioun ass eng eenzeg iewescht Leescht mat engem Logo lénks, zentréierte Linken an Login-Aktiounen riets - keng fix Sidebar oder Mega-Menü. D'Schinnen tëscht de Sektioune si generéis (16 Schinnen), wat e grousse redaktionelle Rhythmus anstatt e dichte Produktraster erstellt.

De visuelle Raum gëtt vu Produkt-Screenshots dominéiert - e grousse Kader mat ofgerundeten Ecker, deen déi aktuell App-Interface weist, fëllt den Haapt- an den Niewesektiounen aus. Fotoe si minimal a ginn nëmmen als Benotzeravataren oder Virschaue vun In-App-Medien benotzt (zum Beispill d'Konzertbild am rietse Panel vum Produktmockup). Logoen op der Vertrauensbar si flaach, gedämpft wäiss Textsymboler. Et gi keng dekorativ Illustratiounen, keng abstrakt Grafiken, keng 3D-Renderungen. Déi visuell Strategie ass et, de Produit am groussen Stil ze presentéieren, d'Typographie déi emotional Aarbecht maachen ze loossen a Korall als eenzeg Akzentfaarf ze benotzen.

Palette

Mark

  • Coral Ember #ff4a36 — Orange gëtt als sekundären Akzent fir dekorativ Detailer benotzt an fir selten Hiweiser ervirzehiewen. Et sollt net als Haaptfaarf fir Handlungsruffer benotzt ginn.

Neutral

  • Aubergine Canvas #181824 — Den Hannergrond vun der Säit, d'Haaptleinwand, ass eng waarm, donkel Faarf, déi reng Schwaarz ersetzt, wouduerch d'Benotzerinterface geschichtet anstatt flaach ausgesäit.
  • Elevated Plum #26253b — Kaarteflächen, Inputfelder, Navigatiounscontainer - ee Schrëtt méi einfach wéi Leinwand fir Déift ouni siichtbar Grenz ze kreéieren.
  • Pure White #ffffff — Haaptiwwerschrëften, Knäppchentext a Kontur vun de Symboler – maximalen Kontrast op enger donkeler Leinwand.
  • Fog Text #696f81 — Den Haapttext, d'Nieweüberschrëften an déi gedämpft Borduren hunn all e Kontrastverhältnis vu 7:1 fir komfortabel Liesméiglechkeeten géint en auberginefaarwegen Hannergrond.
  • Ash Text #8e8da0 — Eng neutral Faarf gëtt fir sekundär UI-Elementer, Trennwänn a gedämpft Etiketten ënnerstëtzt. Si sollt net als primär Faarf fir Handlungsruff benotzt ginn.
  • Mist Highlight #a3a3a7 — Subtil Grenzen, Trennwänn an inaktiv Navigatiounselementer kreéieren en subtile neutralen Toun, deen ëmmer nach géint d'Leinwand ofstécht.

Typographie

vun 12 bis 88px · 9 Schrëtt

  • sans-serif — Ersatz: Inter · Konturen 400 · sans-serif - an den extrahéierten Donnéeën fonnt, awer net vun der KI beschriwwen.
  • Haffer XH SemiBold — Ersatz: Inter Tight · Konturen 400, 600 · Déi primär Schrëft fir d'Uweisung an d'Iwwerschrëften. Si gëtt mat enger Gréisst vun 70–88px fir Haaptiwwerschrëften mat engem Buschtawenofstand vun -0,02em an enger Gewiichtsgréisst vu 600 benotzt. Den enken Buschtawenofstand an déi grouss Buschtawenhéicht ginn den Iwwerschrëften e redaktionellt Gewiicht, wouduerch déi däischter Interface méi wéi eng Zäitschrëftcover wéi en Dashboard ausgesäit. Ersetzt duerch Inter Tight oder General Sans an enger fettgedréckter Gewiichtsgréisst.
  • Jersey 10 — Ersatz: Anybody · Konturen 400 · Eng grouss, dekorativ Schrëft fir Akzentzuelen an Highlights. Gëtt spuersam bei ganz grousse Gréissten benotzt fir typographesch Akzenter ze kreéieren. Kann duerch Anybody oder Cabinet Grotesk ersat ginn.

Intervaller a Form

ZweckBedeitung
Dichtduerchschnëttlech
Basis Schrëtt10-16px
Knäppchenradius100px
Kaarteradius20px
Schiedmëll Schied
Tëscht de Sektiounen80px
Säitebreet1200px

KI baut Är Websäit am Stil vun Superlist op a fëllt se aus

  • Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
  • Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
  • Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
  • Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.

Ähnlech Stiler

  • DNA — Mëtternuechtsobservatoire, gesi duerch eng Partikellëns
  • Abetterlou — Sparks on Saddle Leather - eng waarm cremeg Schrëft, déi géint engem déiwe kaffeschwaarzen Hannergrond liicht, mat amber-goldene Knäppercher, déi sech wéi waarmt Metall unfillen, dat an d'Säit gedréckt gëtt.
  • Galileo-ft — E Kommandodeck fir déif Weltraum mat elektresche bloe Signaler
  • Decide AI — Observatoire um Mëtternuecht - Mintsignal
  • Redis Agency — Den redaktionellen Atelier, deen no den Öffnungszeiten op ass, ass e stockdäischtere Plaz, wou all d'Branding-Aarbecht mat Serif-Schrëften an engem eenzege roude Rettich gemaach gëtt.
  • Spellbook — E Geriichtssall bei Mëtternuecht, dat mat Korallentënt beliicht ass – eng däischter redaktionell Uewerfläch, wou den eenzege Klang de waarmen orange Bicenstréch ass
  • Linear — Präzisiounsinstrument fir Mëtternuecht
  • Origin Financial — Eng Mëtternuechtsgalerie vu roueger Opulenz. E rouegen, bal däischteren Zëmmer, wou grouss Schrëften mat Serifen an e puer beliichte faarweg Paneele d'Gefill kreéieren, datt Finanzen e suergfälteg kuréiert Konschtwierk sinn.
  • Hyperstudio — Den Design ass an Obsidian gekratzt. Text a fein Linnen encadréieren e wäisse Raum aus purem Schwaarz, mat heiansdo gëllene Kompassmarken, déi de Wee weisen.
  • Air — Skulptur "Mëtternuechtshimmel duerch Glas"
  • Raycast — Mëtternuechtskommandozentrum, Coral Neon
  • dope.security — Mëtternuechtsterminal mat purpurroude Beaconen