ElevenLabs
Šiltų kreminių atspalvių fotoreportažas su subtiliomis antraštėmis. Bauhaus stiliaus užrašų knygelė – kiaušinio lukšto spalvos popierius, juodas rašalas ir vienas violetinis bei oranžinis akcentas gaminiui eksponuoti.
„ElevenLabs“ dirba šiltu, baltu minimalistiniu stiliumi: kiaušinio lukšto spalvos drobė (#fdfcfc) su juodu šriftu ir vienu šiltos rusvos spalvos paviršių sluoksniu (#f5f3f1). Prekės ženklo identitetas yra ramus ir užtikrintas – vos pastebimas „Waldenburg 300“ šriftas itin aiškiai išryškina antraštes (-0,02em), o „Inter 400/500“ suteikia viskam ramų neutralumą. Dvi akcento spalvos – ryškiai violetinė #0447ff ir ryškiai oranžinė #ff4704 – išryškėja tik produkto vizualiniuose elementuose (garso sferose, produkto piktogramose), o vartotojo sąsajoje niekada nebūna chromuotos. Komponentai išlieka plokšti arba šiek tiek pakelti su plonomis 1 pikselio rėmeliais, plačiais 20 pikselių spinduliais kortelėse ir visiškai užpildytais 9999 pikselių mygtukais. Sistema primena „Bauhaus“ studiją ant kreminio popieriaus: santūri, redakcinė ir techniškai tiksli.
Viso pločio sekcijos išdėstytos vertikaliai viename maksimalaus pločio centriniame stulpelyje su 1280 pikselių išoriniais tarpeliais. Pagrindinė sekcija yra asimetriška: antraštė lygiuota kairėje 48 pikselių Waldenburg lygyje, aprašymo tekstas lygiuotas dešinėje, o po antrašte yra du piliulės formos mygtukai. Po pagrindine sekcija yra didelė skirtukų naršymo juosta, apimanti visą turinio plotį. Sekcijų fonai kaitaliojasi tarp kiaušinio lukšto spalvos ir rusvai pilkos spalvos su vertikaliais tarpeliais, kurių dydis yra 96–125 pikselių. Poraštė yra kompaktiška, viena juostelė. Navigacija yra minimalistinė viršutinė juosta – nėra fiksuoto veikimo, nėra mega meniu. Turinio ritmas atitinka redakcijos stilių: daug baltos erdvės, vienas pagrindinis vaizdinis elementas kiekvienai sekcijai ir nėra kortelių tinklelių po „Pasitikėjimo“ sekcija.
Vizualiniame dizaine dominuoja spalvų gama: pagrindinis grafinis elementas yra dideli gradientai švelnių garso sferų pavidalu (daugiau nei 200 pikselių apskritimai su radialiniais perėjimais nuo violetinės iki oranžinės ir rožinės spalvos). Skiltyje „Pasitikėjimas“ esantys logotipai pateikiami mažo kontrasto pilkos spalvos tonu matiniame drobės fone. Nuotraukų yra minimali – nėra gyvenimo būdo ar produktų nuotraukų. Ikonografija yra reta ir vienspalvė (juodas kontūras arba užpildytos piktogramos, nėra chromatinių piktogramų). Vizualinė sistema labiau primena dizaino leidinį nei produktų katalogą – redakcinis santūrumas nusveria rinkodaros poveikį.
Paletė
Prekės ženklas
- Violet Spark
#0447ff— Produkto vizualinis pabrėžimas – rodomas tik garso sferos iliustracijose ir dekoratyvinėse produkto piktogramose; niekada nenaudojamas sąsajos elementuose.
Neutralus
- Eggshell
#fdfcfc— Puslapio drobė, sagų paviršiai ir kortelių paviršiai yra šilti, šiek tiek kreminiai, o ne ryškiai balti, siekiant išvengti skaitmeninio akinimo ir suteikti svetainei popieriaus ramybę. - Warm Taupe
#f5f3f1— Skiriamosios juostelės, dekoratyvinės kortelės ir papildomas paviršiaus lygmuo – vienu laipteliu gilesnis už matinį paviršių – sukuria tylų, berėmį atskyrimą. - Stone
#ebe8e4— Plonos rėmeliai, skirtukai ir piktogramų fonai yra šiltos pilkos spalvos, kuri yra tarp pilkšvai pilkos ir vidutinės pilkos spalvos, bet nejaučia šalto pojūčio. - Ink
#000000— Ar tai būtų pagrindinis tekstas, užpildyti mygtukai, naršymas ar nuorodos, gryna juoda spalva yra šiltos spalvų paletės pagrindas ir sukuria vienintelį ryškų kontrastą sistemoje. - Graphite
#44403b— Pagrindinis tekstas, skyrių antraštės – subtili šilta tamsiai pilka spalva tekstui, kuris turi būti ryškus, bet ne juodos spalvos šiurkštumas. - Smoke
#777169— Pagrindinis tekstas, diskretiški aprašymai ir antraštės yra vidutinio šilto pilko atspalvio; tai dominuojantis, lengvai skaitomas, tačiau ramus kortelių ir teminių tekstų stilius.
Tipografija
nuo 10 iki 48 pikselių · 8 žingsniai
- Waldenburg — pakeitimas: Inter (300) or Söhne Light · kontūrai 300 · Tik antraštėms ir dizaino elementams. Naudojamas 48/36/32 pikselių formatais, šrifto storis – 300 – itin lengvas šriftas yra netradicinis; daugumoje svetainių naudojamas 600–700; šis subtilus šriftas perteikia autoritetą per santūrumą. Mažas raidžių tarpas (-0,02 em) sukuria glaudesnį didesnių raidžių sutapimą. Alternatyvos: „Inter“ su 300 storiu arba „Söhne“ su lengvu šriftu kaip aukščiausios kokybės alternatyva.
- Inter — pakeitimas: Inter or system-ui · kontūrai 400, 500 · Viskas, kas nėra ekrane: pagrindinis tekstas, naršymas, mygtukai, nuorodos, etiketės, įvesties laukai, kortelės. Numatytasis storis yra 400; 500 rezervuota mygtukams ir paryškintoms nuorodoms. Dydžiai svyruoja nuo 10 iki 10, o eilutės tarpai sumažinami (1,47–1,6), kad pastraipos turėtų daugiau erdvės. Mažas raidžių tarpas +1 (2), kai dydis yra nuo 14 iki 3, pagerina įskaitomumą esant mažiems dydžiams.
- Geist Mono — pakeitimas: JetBrains Mono or IBM Plex Mono · kontūrai 400 · Mikrotekstas, esantis šalia kodo arba techninio teksto, 13 pikselių aukštyje – retai naudojamas (dažnis = 28) techninėms etiketėms arba metaduomenims. Vienas sluoksnis, didelis 1,69 eilutės aukštis.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 8-16px |
| Mygtuko spindulys | 9999px |
| Kortelės spindulys | 20px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 96-125px |
| Puslapio plotis | 1280px |
Dirbtinis intelektas sukurs jūsų svetainę ElevenLabs stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Awesomic — Redakcijos cinko tinklelis su oranžiniais skyrybos ženklais, primenančiais konfeti
- Monad — redakcinis techninis žurnalas ant šilto pergamento
- Dub — „Link“ matinio ryžinio popieriaus valdymo skydelis
- Seline Analytics — Ramus analitinis stalas ant šilto popieriaus
- Notion — Šiltas popierinis užrašų knygutės formos laikraštis vidurdienio saulėje
- Anthropic — Mokslinis lauko žurnalas ant šilto pergamento – ramūs dramblio kaulo paviršiai, serifuotos redakcinės antraštės ir vienas molinis akcentas, atsirandantis tik tada, kai reikia imtis veiksmų.
- Calendly — Tamsiai mėlynas rašalas ant šalto marmuro
- Augen Pro — „Apple“ baltoje prezentacijoje monochrominėje erdvėje vienintelis akcentas – klinikinė, nesvari, elektrinė mėlyna spalva.
- Antimetal — Redakcijos kronika ant kreminio popieriaus – ramus rytas moksliniame žurnale, kur santūrumas perteikia pasitikėjimą, o serifai atlieka sunkų darbą.
- Perk — Elektrinė citrina ant šilto pergamentinio popieriaus
- Ditto — Saulės apšviestos dirbtuvės, kuriose kuriami laukinių gėlių pavyzdžiai. Šilti kreminiai paviršiai, ryški geltona pagrindinė spalva, tamsiai mėlyni dažai, organinės spalvų formos, žydinčios už kūrinio.
- Officevibe — Redakcinis žurnalas ant šiltos kreminės spalvos popieriaus. Įsivaizduokite apgalvotą esė apie žmogiškųjų išteklių valdymą, pateiktą kaip produktą – kursyvu su serifiniu šriftu, šnabždančiu per modernią mėlyną sąsają.