ElevenLabs
Një ese me foto në tone të ngrohta krem me tituj delikatë. Një fletore në stilin Bauhaus - letër me ngjyrë lëvozhge veze, bojë e zezë dhe një theks i vetëm vjollcë dhe portokalli për shfaqjen e produktit.
ElevenLabs punon në një stil minimalist të ngrohtë, të bardhë: një kanavacë me ngjyrë veze (#fdfcfc) me shkronja të zeza dhe një shtresë të vetme sipërfaqesh të ngrohta ngjyrë gri (#f5f3f1). Identiteti i markës është i qetë dhe i sigurt - shkronja mezi e dallueshme Waldenburg 300 i nxjerr në pah titujt me qartësi ekstreme (-0.02em), ndërsa Inter 400/500 i jep gjithçkaje tjetër një neutralitet të qetë. Dy ngjyra theksi - vjollcë e gjallë #0447ff dhe portokalli e gjallë #ff4704 - shfaqen vetëm brenda elementëve vizualë të produktit (audiosferat, ikonat e produktit), kurrë si krom në ndërfaqen e përdoruesit. Komponentët mbeten të sheshtë ose pak të ngritur me kufij të hollë 1px, rreze të gjera 20px në karta dhe butona të mbushur plotësisht 9999px. Sistemi të kujton një studio Bauhaus në letër krem: i përmbajtur, editorial dhe teknikisht i saktë.
Seksionet me gjerësi të plotë janë rregulluar vertikalisht në një kolonë të vetme qendrore me gjerësi maksimale me kanale të jashtme prej 1280px. Seksioni kryesor është asimetrik: titulli është i rreshtuar majtas në nivelin Waldenburg prej 48px, teksti i përshkrimit është i rreshtuar djathtas dhe dy butona në formë pilule janë të vendosura poshtë titullit. Poshtë seksionit kryesor është një shirit i madh navigimi me skeda që përfshin të gjithë gjerësinë e përmbajtjes. Seksionet alternojnë midis sfondeve me ngjyrë lëvozhge veze dhe ngjyrë gri me kanale vertikale prej 96–125px. Fundi i faqes është një shirit kompakt, i vetëm. Navigimi është një shirit minimalist i sipërm - pa sjellje të fiksuar, pa mega-menu. Ritmi i përmbajtjes përputhet me stilin editorial: shumë hapësirë të bardhë, një element kryesor vizual për seksion dhe pa rrjeta kartash nën seksionin "Besim".
Dizajni vizual dominohet nga një skemë ngjyrash: gradiente të mëdha në formën e sferave të buta audio (rretha mbi 200px me kalime radiale nga vjollca në portokalli dhe rozë) shërbejnë si elementi kryesor grafik. Logot në seksionin "Besim" paraqiten në një shkallë gri me kontrast të ulët kundrejt një sfondi mat në kanavacë. Fotografia është minimale - nuk ka foto të stilit të jetesës ose produkteve. Ikonografia është e rrallë dhe monokrome (ikona me kontur të zi ose të mbushura, pa ikona kromatike). Sistemi vizual më shumë kujton një botim dizajni sesa një katalog produktesh - përmbajtja editoriale mbizotëron mbi ndikimin e marketingut.
Paletë
Markë
- Violet Spark
#0447ff— Theksi Vizual i Produktit - Shfaqet vetëm brenda ilustrimeve të sferës audio dhe ikonave dekorative të produktit; nuk përdoret kurrë për elementët e ndërfaqes.
Neutral
- Eggshell
#fdfcfc— Kanavaca e faqes, sipërfaqet e butonave dhe sipërfaqet e kartonit janë të ngrohta, paksa kremoze, në vend të të bardha të forta, për të shmangur shkëlqimin dixhital dhe për t'i dhënë faqes qetësinë e letrës. - Warm Taupe
#f5f3f1— Shiritat ndarës, kartat dekorative dhe një nivel shtesë sipërfaqësor – një hap më i thellë se sipërfaqja mat – krijojnë një ndarje të qetë dhe pa kufij. - Stone
#ebe8e4— Kornizat e holla, ndarësit dhe sfondet e ikonave janë në një gri të ngrohtë që ndodhet midis grisë së përhimë dhe grisë së mesme pa u ndjerë të ftohtë. - Ink
#000000— Qoftë teksti në trup, butona të mbushur, navigim apo lidhje, e zeza e pastër shërben si bazë për një paletë ngjyrash të ngrohtë dhe krijon kontrastin e vetëm të mprehtë në sistem. - Graphite
#44403b— Teksti i trupit, titujt e seksioneve - një gri e errët dhe e ngrohtë delikate për tekstin që duhet të jetë i fuqishëm pa ashpërsinë e së zezës. - Smoke
#777169— Teksti kryesor, përshkrimet diskrete dhe mbishkrimet janë në një gri të mesme-të ngrohtë; stili dominues, i lexueshëm, por i qetë i kartave dhe teksteve tematike.
Tipografi
nga 10 në 48px · 8 hapa
- Waldenburg — zëvendësim: Inter (300) or Söhne Light · skica 300 · Vetëm për titujt dhe elementët e dizajnit. Përdoret në formate 48/36/32px me një peshë shkronjash prej 300 - një font ultra i lehtë është jokonvencional; shumica e faqeve të internetit përdorin 600-700; ky font delikat përcjell autoritet përmes përmbajtjes. Hapësira e ngushtë midis shkronjave prej -0.02em krijon një përshtatje më të afërt midis shkronjave në madhësi më të mëdha. Alternativa: "Inter" në peshë 300 ose "Söhne" në peshë të lehtë si një alternativë premium.
- Inter — zëvendësim: Inter or system-ui · skica 400, 500 · Çdo gjë jashtë ekranit: teksti i trupit, navigimi, butonat, lidhjet, etiketat, fushat e të dhënave, kartat. 400 është pesha e parazgjedhur; 500 është e rezervuar për butonat dhe lidhjet e theksuara. Madhësitë variojnë nga 10 deri në 10, me hapësirë të reduktuar midis rreshtave (1.47–1.6), duke u dhënë paragrafëve hapësirë për të marrë frymë. Një hapësirë e vogël shkronjash prej +1 (2) në madhësi nga 14 deri në 3 përmirëson lexueshmërinë në madhësi të vogla.
- Geist Mono — zëvendësim: JetBrains Mono or IBM Plex Mono · skica 400 · Mikrotekst i vendosur pranë kodit ose tekstit teknik, i pozicionuar në 13px—përdoret rrallë (frekuenca = 28) për etiketa teknike ose meta të dhëna. Shtresë e vetme, lartësi e madhe e rreshtit prej 1.69.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 8-16px |
| Rrezja e butonit | 9999px |
| Rrezja e kartës | 20px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 96-125px |
| Gjerësia e faqes | 1280px |
IA do ta ndërtojë faqen tuaj të internetit në stilin ElevenLabs dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Mollie — Një banak kashmiri, një libër llogarie i errët. Lini hapësirë të bollshme të bardhë për dizajn editorial rreth tekstit të zi, pastaj përforconi pikat që lidhen me produktin me krem të ngrohtë, kafe kafe ekspres dhe foto prekëse të metodave aktuale të pagesës.
- Kagi — Një dhomë leximi e veçantë. Krijoni një hapësirë të bardhë të hapur rreth tekstit të theksuar me grafit, duke përdorur thekse delikate vjollce dhe sipërfaqe të ngrohta pastel për të thyer qetësinë.
- Milanote — Milanote është një studio krijuese e dedikuar. Krijoni faqe në stilin e galerive editoriale duke përdorur tabela vizuale lundruese: mure me kornizë të errët, hapësirë të bardhë shfaqjeje dhe pamje të ekranit që duken si objekte të vërteta me një thellësi të butë.
- Co2 — Një atlas klimatik në dritën e dimrit. Krijoni faqe si një peizazh dokumenti ajror, ku titujt serif, të dhënat e koduara sipas kategorive dhe imazhet e akullta nxjerrin në pah kufijtë e gjerë të bardhë.
- GitButler — Ngjyrë bruz në fund të tekstit. Një kombinim titujsh serif me kontrast të lartë me rrjeta teknike delikate, sipërfaqe grafiti të ngrohta dhe një theks diskret bruz.
- Awesomic — Rrjetë zinku editoriale me shenja pikësimi portokalli që të kujtojnë konfeti
- Monad — revistë teknike editoriale mbi pergamenë të ngrohtë
- Dub — Paneli i kontrollit të letrës orizi mat të Link
- Seline Analytics — Një tabelë analitike e qetë në letër të ngrohtë
- Notion — Një fletore e ngrohtë letre në diellin e mesditës
- Anthropic — Një revistë shkencore mbi pergamenën e ngrohtë - sipërfaqe të qeta ngjyrë fildishi, tituj editorialë të serifuar dhe një theks i vetëm argjile që shfaqet vetëm kur nevojitet veprim.
- Calendly — Bojë blu e errët mbi mermer të ftohtë