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
- 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ë
- Augen Pro — Prezantimi i bardhë i Apple paraqet një blu elektrike klinike, pa peshë, si theksin e vetëm në një hapësirë njëngjyrëshe.
- Antimetal — Një kronikë editoriale në letër kremoze—një mëngjes i qetë në një revistë shkencore, ku përmbajtja përcjell vetëbesim dhe serifetet bëjnë punën e rëndë.
- Perk — Limon elektrik në letër pergameni të ngrohtë
- Ditto — Një seminar i ndriçuar nga dielli që krijon mostra lulesh të egra. Sipërfaqe të ngrohta krem, një ngjyrë bazë e verdhë e gjallë, bojëra blu të errët të errët, forma ngjyrash organike që lulëzojnë pas veprës.
- Officevibe — Një revistë editoriale në letër të ngrohtë me ngjyrë krem. Imagjinoni një ese të menduar mirë mbi menaxhimin e burimeve njerëzore, të paraqitur si një produkt - një font serif me shkronja të pëshpëritura përmes një ndërfaqeje moderne blu.