ElevenLabs
Foto eseja siltos krēmkrāsas toņos ar neuzkrītošiem virsrakstiem. Bauhaus stila piezīmju grāmatiņa — olu čaumalas krāsas papīrs, melna tinte un viens violets un oranžs akcents produktu izvietošanai.
ElevenLabs strādā siltā, baltā minimālisma stilā: olu čaumalas krāsas audekls (#fdfcfc) ar melnu fontu un vienu siltu, pelēkbrūnu virsmu slāni (#f5f3f1). Zīmola identitāte ir klusa un pārliecināta — tik tikko atšķiramais Waldenburg 300 fonts izceļ virsrakstus ar ārkārtēju skaidrību (-0,02em), savukārt Inter 400/500 piešķir visam pārējam mierīgu neitralitāti. Divas akcenta krāsas — spilgti violeta #0447ff un spilgti oranža #ff4704 — izceļas tikai produkta vizuālajos elementos (audiosfērās, produktu ikonās), lietotāja saskarnē nekad nav hromētas. Komponenti paliek plakani vai nedaudz pacelti ar plānām 1px apmalēm, platiem 20px rādiusiem uz kartēm un pilnībā aizpildītām 9999px pogām. Sistēma atgādina Bauhaus studiju uz krēmkrāsas papīra: atturīga, redakcionāla un tehniski precīza.
Pilna platuma sadaļas ir vertikāli izvietotas vienā maksimālā platuma centrālajā kolonnā ar 1280 pikseļu ārējām iecirkņiem. Galvenā sadaļa ir asimetriska: virsraksts ir līdzināts pa kreisi 48 pikseļu Valdenburga līmenī, apraksta teksts ir līdzināts pa labi, un zem virsraksta atrodas divas tabletes formas pogas. Zem galvenās sadaļas ir liela cilnveida navigācijas josla, kas aptver visu satura platumu. Sadaļas mainās starp olu čaumalas krāsas un pelēkbrūnu fonu ar vertikālām iecirkņiem 96–125 pikseļu lielumā. Kājene ir kompakta, viena josla. Navigācija ir minimālistiska augšējā josla — nav fiksētas darbības, nav megaizvēļņu. Satura ritms atbilst redakcijas stilam: daudz baltas vietas, viens galvenais vizuālais elements katrā sadaļā un nav karšu režģu zem sadaļas "Uzticība".
Vizuālajā dizainā dominē krāsu gamma: galvenais grafiskais elements ir lieli gradienti maigu audio sfēru veidā (vairāk nekā 200 pikseļi apļos ar radiālām pārejām no violetas uz oranžu un rozā krāsu). Logotipi sadaļā "Uzticība" ir attēloti pelēktoņu krāsā ar zemu kontrastu uz matēta audekla fona. Fotogrāfijas ir minimālas — nav dzīvesveida vai produktu fotoattēlu. Ikonogrāfija ir reta un vienkrāsaina (melna kontūra vai aizpildītas ikonas, nav hromatisku ikonu). Vizuālā sistēma vairāk atgādina dizaina publikāciju, nevis produktu katalogu — redakcionālā atturība dominē pār mārketinga ietekmi.
Palete
Zīmols
- Violet Spark
#0447ff— Produkta vizuālais uzsvars — parādās tikai audio sfēras ilustrācijās un dekoratīvās produktu ikonās; nekad netiek izmantots saskarnes elementiem.
Neitrāls
- Eggshell
#fdfcfc— Lapas audekls, pogu virsmas un karšu virsmas ir siltas, nedaudz krēmīgas, nevis koši baltas, lai izvairītos no digitāla atspīduma un piešķirtu vietnei papīra mierīgumu. - Warm Taupe
#f5f3f1— Atdalošās sloksnes, dekoratīvās kartītes un papildu virsmas līmenis – vienu pakāpi dziļāks par matēto virsmu – rada klusu, bezmalu atdalīšanu. - Stone
#ebe8e4— Plānas apmales, atdalītāji un ikonu foni ir silti pelēkā krāsā, kas atrodas starp pelēkbrūnu un vidēji pelēku, neradot aukstuma sajūtu. - Ink
#000000— Neatkarīgi no tā, vai tas ir pamatteksts, aizpildītas pogas, navigācija vai saites, tīra melna krāsa kalpo par pamatu siltai krāsu paletei un rada vienīgo aso kontrastu sistēmā. - Graphite
#44403b— Pamatteksts, sadaļu virsraksti — maiga, silta, tumši pelēka krāsa tekstam, kam jābūt enerģiskam, bet ne melnās krāsas skarbumam. - Smoke
#777169— Galvenais teksts, diskrētie apraksti un paraksti ir vidēji siltā pelēkā krāsā; dominējošais, lasāmais, tomēr mierīgais karšu un tematisko tekstu stils.
Tipogrāfija
no 10 līdz 48 pikseļiem · 8 soļi
- Waldenburg — nomaiņa: Inter (300) or Söhne Light · kontūras 300 · Tikai virsrakstiem un dizaina elementiem. Izmanto 48/36/32 pikseļu formātos ar fonta biezumu 300 — īpaši viegls fonts ir netradicionāls; lielākā daļa tīmekļa vietņu izmanto 600–700; šis neuzkrītošais fonts pauž autoritāti, izmantojot atturību. Šaura burtu atstarpe (-0,02 em) rada ciešāku atbilstību starp burtiem lielākos izmēros. Alternatīvas: "Inter" 300 plānā vai "Söhne" vieglā svarā kā augstākās kvalitātes alternatīva.
- Inter — nomaiņa: Inter or system-ui · kontūras 400, 500 · Viss ārpus ekrāna: pamatteksts, navigācija, pogas, saites, etiķetes, ievades lauki, kartītes. Noklusējuma biezums ir 400; 500 ir rezervēts pogām un izceltajām saitēm. Izmēri ir no 10 līdz 10, ar samazinātu rindstarpu (1,47–1,6), dodot rindkopām brīvāku sajūtu. Maza burtu atstarpe +1 (2) izmēros no 14 līdz 3 uzlabo lasāmību mazos izmēros.
- Geist Mono — nomaiņa: JetBrains Mono or IBM Plex Mono · kontūras 400 · Mikroteksts, kas atrodas blakus kodam vai tehniskajam tekstam, pozicionēts 13 pikseļos — reti izmantots (biežums = 28) tehniskām etiķetēm vai metadatiem. Viens slānis, liels rindas augstums 1,69.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 8-16px |
| Pogas rādiuss | 9999px |
| Kartes rādiuss | 20px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 96-125px |
| Lapas platums | 1280px |
Mākslīgais intelekts izveidos jūsu vietni ElevenLabs stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Awesomic — Redakcijas cinka siets ar oranžām pieturzīmēm, kas atgādina konfeti
- Monad — redakcijas tehniskais žurnāls uz silta pergamenta
- Dub — Link matēta rīspapīra vadības panelis
- Seline Analytics — Kluss analītisks galds uz silta papīra
- Notion — Silta papīra piezīmju grāmatiņa pusdienas saulē
- Anthropic — Zinātnisks lauka žurnāls uz silta pergamenta — mierīgas ziloņkaula virsmas, serifi raksta virsraksti un viens māla akcents, kas parādās tikai tad, kad nepieciešama rīcība.
- Calendly — Tumši zila tinte uz auksta marmora
- Augen Pro — Apple baltajā prezentācijā vienkrāsainā telpā kā vienīgais akcents ir klīnisks, viegls, elektriski zils tonis.
- Antimetal — Redakcijas hronika uz krēmkrāsas papīra — kluss rīts zinātniskā žurnālā, kur atturība pauž pārliecību un serifi veic smago darbu.
- Perk — Elektriskais laims uz silta pergamenta papīra
- Ditto — Saules apspīdēta darbnīca, kurā tiek radīti savvaļas ziedu paraugi. Silti krēmkrāsas virsmas, spilgti dzeltena pamatkrāsa, dziļi tumši zilas tintes, organiskas krāsu formas, kas plaukst aiz darba.
- Officevibe — Redakcijas žurnāls uz silta krēmkrāsas papīra. Iedomājieties pārdomātu eseju par personāla vadību, kas pasniegta kā produkts — kursīvs ar serif fontu, kas čukst cauri modernai zilai saskarnei.