ElevenLabs
Soojades kreemikates toonides fotoessee peenete pealkirjadega. Bauhausi stiilis märkmik – munakoorekarva paber, must tint ja üks lilla ja oranž aktsent toote väljapanekuks.
ElevenLabs töötab soojas, valges minimalistlikus stiilis: munakoorevärvi lõuend (#fdfcfc), must font ja üks kiht sooja hallikaspruuni pindu (#f5f3f1). Brändi identiteet on vaikne ja enesekindel – vaevumärgatav Waldenburg 300 font toob pealkirjad esile äärmise selgusega (-0.02em), samas kui Inter 400/500 annab kõigele muule rahuliku neutraalsuse. Kaks aktsentvärvi – erkpunane #0447ff ja erk oranž #ff4704 – paistavad silma ainult toote visuaalsetes elementides (audiosfäärid, tooteikoonid), kasutajaliideses mitte kunagi kroomidena. Komponendid jäävad tasaseks või kergelt tõstetuks õhukeste 1px ääriste, laiade 20px raadiustega kaartidel ja täielikult täidetud 9999px nuppudega. Süsteem meenutab kreemjal paberil Bauhausi stuudiot: vaoshoitud, toimetuse tasemel ja tehniliselt täpne.
Täislaiuses sektsioonid on vertikaalselt paigutatud ühte maksimaalse laiusega kesksesse veergu, millel on 1280 piksli suurused välised ääred. Põhisektsiooni on asümmeetriline: pealkiri on vasakule joondatud 48 piksli suurusel Waldenburgi tasemel, kirjeldav tekst on paremale joondatud ja pealkirja all asuvad kaks pillikujulist nuppu. Põhisektsiooni all on suur vahekaartidega navigeerimisriba, mis hõlmab kogu sisu laiust. Sektsioonid vahelduvad munakoorivärvi ja hallikaspruuni tausta vahel, millel on 96–125 piksli suurused vertikaalsed ääred. Jalus on kompaktne, üks riba. Navigeerimine on minimalistlik ülemine riba – ilma fikseeritud käitumiseta ega megamenüüdeta. Sisu rütm vastab toimetuslikule stiilile: palju tühja ruumi, üks peamine visuaalne element sektsiooni kohta ja kaardiruudustiku puudumine jaotise „Usaldus” all.
Visuaalses disainis domineerib värviskeem: peamise graafilise elemendina on pehmete helisfääride kujul suured gradientvärvid (üle 200 piksli ringid radiaalsete üleminekutega lillast oranži ja roosani). „Usalduse” jaotise logod on esitatud madala kontrastsusega halltoonides mati lõuendi taustal. Fotograafiat on minimaalselt – elustiili- või tootefotosid pole. Ikonograafia on napp ja ühevärviline (must kontuur või täidetud ikoonid, kromaatilised ikoonid puuduvad). Visuaalne süsteem meenutab pigem disainiväljaannet kui tootekataloogi – toimetuslik vaoshoitus on turundusliku mõju suhtes ülimuslik.
Palett
Bränd
- Violet Spark
#0447ff— Toote visuaalne rõhuasetus – ilmub ainult helisfääri illustratsioonidel ja dekoratiivsetel tooteikoonidel; ei kasutata kunagi liideseelementide puhul.
Neutraalne
- Eggshell
#fdfcfc— Lehekülje lõuend, nuppude pinnad ja kaardipinnad on pigem soojad, kergelt kreemikad kui erevalged, et vältida digitaalset läiget ja anda saidile paberi rahu. - Warm Taupe
#f5f3f1— Eraldusribad, dekoratiivkaardid ja täiendav tasapind – ühe astme võrra sügavam kui matt pind – loovad vaikse ja ääristeta eraldatuse. - Stone
#ebe8e4— Õhukesed äärised, eraldajad ja ikoonide taustad on sooja halli tooniga, mis jääb beeži ja keskmise halli vahele, ilma et see tunduks külm. - Ink
#000000— Olgu tegemist sisuteksti, täidetud nuppude, navigeerimise või linkidega, puhas must on sooja värvipaleti alus ja loob süsteemis ainsa terava kontrasti. - Graphite
#44403b— Põhitekst, jaotiste pealkirjad – õrn soe tumehall tekst, mis peab olema lööv, kuid mitte musta karmi tooniga. - Smoke
#777169— Põhitekst, diskreetsed kirjeldused ja pealkirjad on keskmises soojas hallis toonis; see on kaartidele ja temaatilistele tekstidele omane domineeriv, loetav, kuid rahulik stiil.
Tüpograafia
10 kuni 48 pikslit · 8 sammu
- Waldenburg — asendamine: Inter (300) or Söhne Light · kontuurid 300 · Ainult pealkirjade ja kujunduselementide jaoks. Kasutatakse 48/36/32 piksli suurustes vormingutes ja kirjakaaluga 300 – ülikerge font on ebatavaline; enamik veebisaite kasutab 600–700; see peen font annab vaoshoituse kaudu autoriteeti. Tihe tähevahe -0,02em loob suuremate tähtede puhul tihedama sobivuse. Alternatiivid: "Inter" kirjakaaluga 300 või "Söhne" kergemas kirjakaalus premium-alternatiivina.
- Inter — asendamine: Inter or system-ui · kontuurid 400, 500 · Kõik ekraaniväline: põhitekst, navigeerimine, nupud, lingid, sildid, sisestusväljad, kaardid. Vaikimisi on kaal 400; 500 on reserveeritud nuppudele ja esiletõstetud linkidele. Suurused jäävad vahemikku 10–10, vähendatud reavahega (1,47–1,6), mis annab lõikudele hingamisruumi. Väike tähevahe +1 (2) suuruste 14–3 puhul parandab loetavust väikeste suuruste puhul.
- Geist Mono — asendamine: JetBrains Mono or IBM Plex Mono · kontuurid 400 · Mikrotekst, mis asub koodi või tehnilise teksti kõrval, 13 piksli kaugusel – harva kasutatav (sagedus = 28) tehniliste siltide või metaandmete jaoks. Üks kiht, suur rea kõrgus 1,69.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 8-16px |
| Nupu raadius | 9999px |
| Kaardi raadius | 20px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 96-125px |
| Lehe laius | 1280px |
Tehisintellekt loob teie veebisaidi ElevenLabs stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Awesomic — Toimetuse tsinkvõrk oranžide konfetti meenutavate kirjavahemärkidega
- Monad — toimetuse tehniline ajakiri soojal pärgamendil
- Dub — Linki matt riisipaberist juhtpaneel
- Seline Analytics — Vaikne analüütiline laud soojal paberil
- Notion — Soe paberist märkmik keskpäevapäikeses
- Anthropic — Teaduslik väliajakiri soojal pärgamendil – rahulikud elevandiluu pinnad, seriifidega pealkirjad ja üks saviaktsent, mis ilmub ainult siis, kui on vaja tegutseda.
- Calendly — Tumesinine tint külmal marmoril
- Augen Pro — Apple'i valge esitlus kasutab monokroomse ruumi ainsa aktsendina kliinilist, kaalutut ja elektrilist sinist.
- Antimetal — Kreemikas paberil toimetuse kroonika – vaikne hommik teadusajakirjas, kus vaoshoitus annab edasi enesekindlust ja serifid teevad raske töö ära.
- Perk — Elektriline laim soojal pärgamentpaberil
- Ditto — Päikesepaisteline töötuba, kus luuakse metslillede näidiseid. Soojad kreemikad pinnad, erk kollane põhivärv, sügavad tumesinised tindid, teose taga õitsevad orgaanilised värvivormid.
- Officevibe — Toimetuse ajakiri soojal kreemikal paberil. Kujutage ette läbimõeldud esseed personalijuhtimisest, mis on esitletud tootena – kursiivis serif-font sosistab läbi moodsa sinise liidese.