ElevenLabs
Meleg krémszínű fotóesszé visszafogott címekkel. Bauhaus stílusú jegyzetfüzet – tojáshéjszínű papír, fekete tinta és egyetlen lila és narancssárga díszítőelem a termékek bemutatásához.
Az ElevenLabs meleg, fehér minimalista stílusban dolgozik: tojáshéj színű vászon (#fdfcfc) fekete betűtípussal és egyetlen réteg meleg bézs felülettel (#f5f3f1). A márkaidentitás csendes és magabiztos – az alig megkülönböztethető Waldenburg 300 betűtípus rendkívüli tisztasággal emeli ki a címsorokat (-0.02em), míg az Inter 400/500 minden máshoz nyugodt semlegességet kölcsönöz. Két hangsúlyos szín – az élénk lila #0447ff és az élénk narancssárga #ff4704 – csak a termék vizuális elemein belül (audioszférák, termékikonok) emelkedik ki, a felhasználói felületen soha nem krómozottan. Az alkatrészek laposak vagy enyhén kiemelkednek, vékony 1 képpontos szegélyekkel, széles 20 képpontos sugarakkal a kártyákon és teljesen kitöltött 9999 képpontos gombokkal. A rendszer egy krémszínű papíron készült Bauhaus stúdióra emlékeztet: visszafogott, szerkesztői és technikailag precíz.
A teljes szélességű szakaszok függőlegesen rendeződnek el egyetlen, maximális szélességű központi oszlopban, 1280 képpontos külső kötővonalakkal. A fő szakasz aszimmetrikus: a címsor balra igazított a 48 képpontos Waldenburg-szinten, a leírás szövege jobbra igazított, és két pirula alakú gomb található a címsor alatt. A fő szakasz alatt egy nagy, fülekkel ellátott navigációs sáv található, amely a teljes tartalomszélességet átfogja. A szakaszok tojáshéjszínű és bézs hátterek között váltakoznak, 96–125 képpontos függőleges kötővonalakkal. A lábléc egy kompakt, egyetlen csík. A navigáció egy minimalista felső sáv – nincs rögzített viselkedés, nincsenek megamenük. A tartalom ritmusa megfelel a szerkesztői stílusnak: rengeteg üres hely, szakaszonként egy fő vizuális elem, és nincsenek kártyarácsok a „Megbízhatóság” szakasz alatt.
A vizuális dizájnt a színséma uralja: a fő grafikai elemet nagy, lágy audiogömbök formájában megjelenő színátmenetek (200 képpontnál nagyobb körök, lilától narancssárgáig és rózsaszínig terjedő radiális átmenetekkel) alkotják. A „Bizalom” részben található logók alacsony kontrasztú szürkeárnyalatos színben jelennek meg matt vászon háttér előtt. A fotók minimálisak – nincsenek életstílus- vagy termékfotók. Az ikonográfia ritka és monokróm (fekete körvonal vagy kitöltött ikonok, nincsenek kromatikus ikonok). A vizuális rendszer inkább egy dizájnkiadványra, mint egy termékkatalógusra emlékeztet – a szerkesztői visszafogottság dominál a marketinghatás felett.
Paletta
Márka
- Violet Spark
#0447ff— Termék vizuális kiemelése – Csak audiogömb-illusztrációkban és dekoratív termékikonokban jelenik meg; soha nem használják kezelőfelületi elemeknél.
Semleges
- Eggshell
#fdfcfc— Az oldalak vászonja, a gombok felülete és a kártyák felülete meleg, enyhén krémszínű, nem pedig éles fehér, hogy elkerülje a digitális tükröződést, és a papír nyugalmát adja az oldalnak. - Warm Taupe
#f5f3f1— Az elválasztó csíkok, a díszkártyák és egy további felületi réteg – egy lépéssel mélyebb a matt felületnél – csendes, szegély nélküli elválasztást hoznak létre. - Stone
#ebe8e4— A vékony szegélyek, elválasztók és ikonháttér meleg szürke színű, amely a bézs és a középszürke között helyezkedik el anélkül, hogy hidegnek tűnne. - Ink
#000000— Akár szövegtörzsről, kitöltött gombokról, navigációról vagy linkekről van szó, a tiszta fekete szolgál a meleg színpaletta alapjául, és az egyetlen éles kontrasztot hozza létre a rendszerben. - Graphite
#44403b— Törzsszöveg, szakaszcímek – finom, meleg sötétszürke olyan szövegekhez, amelyeknek ütősnek kell lenniük a fekete durvasága nélkül. - Smoke
#777169— A fő szöveg, a diszkrét leírások és a képaláírások közepesen meleg szürke árnyalatúak; a kártyák és a tematikus szövegek domináns, olvasható, mégis nyugodt stílusa.
Tipográfia
10-től 48 képpontig · 8 lépésben
- Waldenburg — csere: Inter (300) or Söhne Light · körvonalak 300 · Csak címsorokhoz és design elemekhez. 48/36/32 képpontos formátumban, 300-as betűvastagsággal használatos – az ultravékony betűtípus nem konvencionális; a legtöbb weboldal 600-700-as betűvastagságot használ; ez a visszafogott betűtípus a visszafogottság révén sugároz tekintélyt. A -0,02em-es szoros betűköz szorosabb illeszkedést biztosít a nagyobb méreteknél. Alternatívák: "Inter" 300-as betűvastagságban vagy "Söhne" könnyű betűvastagságban prémium alternatívaként.
- Inter — csere: Inter or system-ui · körvonalak 400, 500 · Minden, ami nem jelenik meg a képernyőn: szövegtörzs, navigáció, gombok, linkek, címkék, beviteli mezők, kártyák. Az alapértelmezett vastagság 400; 500 a gombok és a kiemelt linkek számára van fenntartva. A méretek 10 és 10 között mozognak, csökkentett sorközzel (1,47–1,6), így a bekezdések lélegzhetnek. A +1 (2) kis betűköz 14 és 3 közötti méreteknél javítja az olvashatóságot kis méretek esetén.
- Geist Mono — csere: JetBrains Mono or IBM Plex Mono · körvonalak 400 · Mikroszöveg, amely kód vagy műszaki szöveg mellett található, 13 képpontos pozícióban – ritkán használják (gyakoriság = 28) műszaki címkékhez vagy metaadatokhoz. Egyrétegű, nagy, 1,69-es sormagasság.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 8-16px |
| Gomb sugara | 9999px |
| Kártya sugara | 20px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 96-125px |
| Oldal szélessége | 1280px |
A mesterséges intelligencia ElevenLabs stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Awesomic — Szerkesztői cinkháló narancssárga írásjelekkel, konfettire emlékeztetve
- Monad — szerkesztőségi műszaki folyóirat meleg pergamenen
- Dub — Link matt rizspapír kezelőpanelje
- Seline Analytics — Egy csendes elemző asztal meleg papíron
- Notion — Egy meleg papírfüzet a déli napsütésben
- Anthropic — Tudományos terepnapló meleg pergamenen – nyugodt elefántcsont felületek, csíkos szerkesztői címsorok és egyetlen agyagdísz, amely csak akkor jelenik meg, ha cselekvésre van szükség.
- Calendly — Sötétkék tinta hideg márványon
- Augen Pro — Az Apple fehér prezentációjában a klinikai, súlytalan, elektromos kék szín az egyetlen hangsúly a monokróm térben.
- Antimetal — Krémszínű papíron szerkesztett krónika – egy csendes reggel egy tudományos folyóiratban, ahol a visszafogottság magabiztosságot sugall, és a betűsarok végzi a nehéz munkát.
- Perk — Elektromos lime meleg pergamenpapíron
- Ditto — Egy napsütötte műhely, ahol vadvirágmintákat készítenek. Meleg krémszínű felületek, élénk sárga alapszín, mély sötétkék tinták, organikus színformák virágoznak a darab mögött.
- Officevibe — Egy meleg krémszínű papíron megjelenő vezércikk. Képzeljen el egy elgondolkodtató esszét a HR-menedzsmentről, amelyet termékként mutat be – egy modern kék kezelőfelületen suttogó, talpas, folyóírással írt betűtípus.