ElevenLabs
Ýumşak krem reňkli we inçe sözbaşyly suratly esse. Bauhaus stilindäki depderçe — ýumurtga gabygy reňkli kagyz, gara syýa we önümi görkezmek üçin ýekeje gyrmyzy we mämişi reňkli bezeg.
“ElevenLabs” ýyly, ak minimalist stilde işleýär: gara şriftli ýumurtga gabygy reňkli tuwal (#fdfcfc) we ýyly gyrmyzy reňkli ýüzleriň bir gatlagy (#f5f3f1). Brendiň özboluşlylygy asuda we ynamly - tapawutlandyryp bolmaýan “Waldenburg 300” şrifti başlyklary örän aýdyňlyk bilen görkezýär (-0.02em), “Inter 400/500” bolsa beýleki ähli zatlara asuda bitaraplyk berýär. Iki sany aýratyn reňk - ýagty gyrmyzy #0447ff we ýagty mämişi #ff4704 - diňe önümiň wizual elementlerinde (audiosferalar, önüm nyşanlary) peýda bolýar, UI-de hiç haçan hrom ýaly däl. Komponentler tekiz ýa-da biraz galdyrylan, inçe 1px çäkler, kartlarda giň 20px radiuslar we doly doldurylan 9999px düwmeleri bilen galýar. Ulgam krem kagyzdaky “Bauhaus” studiýasyny ýatladýar: çäklendirilen, redaksiýa taýdan takyk we tehniki taýdan takyk.
Doly giňlikdäki bölümler 1280px daşky oýuklary bolan ýeke, iň uly giňlikdäki merkezi sütün görnüşinde dikligine ýerleşdirilen. Esasy bölüm asimmetrikdir: sözbaşy 48px Waldenburg derejesinde çep tarapa deňleşdirilen, düşündiriş teksti sag tarapa deňleşdirilen we sözbaşynyň aşagynda iki sany tabletka şekilli düwmeler ýerleşýär. Esasy bölümiň aşagynda ähli mazmunyň giňligini öz içine alýan uly tably nawigasiýa paneli bar. Bölümler ýumurtga reňkli we goňur reňkli fonlaryň arasynda 96–125px dik oýuklary bilen çalşyrylýar. Aşakky bölüm ykjam, ýeke zolakly. Nawigasiýa minimalist ýokarky paneldir - üýtgewsiz hereket, mega-menýu ýok. Mazmun ritmi redaksiýa stiline laýyk gelýär: köp ak boşluk, her bölüm üçin bir esasy wizual element we "Ynam" bölüminiň aşagynda kart torlary ýok.
Wizual dizaýnda reňk shemasy agdyklyk edýär: ýumşak ses sferalary görnüşinde uly gradientler (gyrmyzydan mämişi we gülgüne reňke radial geçişleri bolan 200px+ tegelekler) esasy grafik element bolup hyzmat edýär. "Ynam" bölümindäki logotipler mat kanwa fonunda pes kontrastly çal reňkde görkezilýär. Suratçylyk minimal — durmuş ýa-da önüm suratlary ýok. Ikonografiýa seýrek we monohrom (gara kontur ýa-da doldurylan nyşanlar, hromatik nyşanlar ýok). Wizual ulgam önüm katalogyndan has köp dizaýn neşirini ýatladýar — marketing täsirinden redaksiýa çäklendirmesi agdyklyk edýär.
Palitra
Brend
- Violet Spark
#0447ff— Önümiň wizual taýdan nygtalmagy - Diňe ses sferasynyň suratlarynda we bezeg önüm nyşanlarynda peýda bolýar; interfeýs elementleri üçin hiç haçan ulanylmaýar.
Neýtral
- Eggshell
#fdfcfc— Sahypanyň polotnosy, düwme ýüzleri we kartoçka ýüzleri sanly şöhle saçmagyň öňüni almak we sahypa kagyz ýaly rahatlyk bermek üçin açyk ak däl-de, ýyly, biraz krem reňkli. - Warm Taupe
#f5f3f1— Bölüji zolaklar, bezeg kartlary we goşmaça ýüz derejesi - mat ýüzden bir ädim çuňrak - asuda, çäksiz bölünişi döredýär. - Stone
#ebe8e4— Inçe çäkler, bölüjiler we nyşan fonlary sowuk duýulmaýan, goňur reňk bilen orta çal reňkiň arasynda ýerleşýän ýyly çal reňkdir. - Ink
#000000— Esasy tekst, doldurylan düwmeler, nawigasiýa ýa-da baglanyşyklar bolsun, arassa gara reňk ýyly reňk palitrasynyň esasy bolup hyzmat edýär we ulgamdaky ýeke-täk aýdyň kontrasty döredýär. - Graphite
#44403b— Esasy tekst, bölümleriň sözbaşylary - gara reňkiň berkligi bolmazdan, güýçli bolmagy zerur bolan tekst üçin inçe, ýyly gara çal reňk. - Smoke
#777169— Esasy tekst, gizlin düşündirişler we düşündirişler orta ýyly çal reňkde; kartoçkalaryň we tematiki tekstleriň agdyklyk edýän, okalýan, ýöne asuda stili.
Tipografiýa
10-dan 48 piksele çenli · 8 ädim
- Waldenburg — çalyşmak: Inter (300) or Söhne Light · konturlar 300 · Diňe sözbaşylar we dizaýn elementleri üçin. 300 şrift agramy bilen 48/36/32px formatlarda ulanylýar — örän ýeňil şrift adaty däl; web saýtlarynyň köpüsi 600-700 ulanýar; bu inçe şrift çäklendirme arkaly ygtyýarlygy aňladýar. -0.02em harp aralygy uly ölçeglerde harplaryň arasynda has ýakyn gabat gelmegi üpjün edýär. Alternatiwalar: 300 agramynda "Inter" ýa-da ýokary derejeli alternatiwa hökmünde ýeňil agramynda "Söhne".
- Inter — çalyşmak: Inter or system-ui · konturlar 400, 500 · Ekrandan daşary ähli zat: esasy tekst, nawigasiýa, düwmeler, baglanyşyklar, ýazgylar, giriş meýdançalary, kartlar. 400 standart agramdyr; 500 düwmeler we aýratynlaşdyrylan baglanyşyklar üçin saklanýar. Ölçegler 10-dan 10-a çenli bolup, setir aralygy azaldylýar (1.47–1.6), bu bolsa abzaslara dem almaga mümkinçilik berýär. 14-den 3-e çenli ölçeglerde +1 (2) kiçi harp aralygy kiçi ölçeglerde okamaga amatlylygy ýokarlandyrýar.
- Geist Mono — çalyşmak: JetBrains Mono or IBM Plex Mono · konturlar 400 · Kodyň ýa-da tehniki tekstiň gapdalynda ýerleşýän mikrotekst, 13 piksel ölçegde ýerleşýär — tehniki bellikler ýa-da metamaglumatlar üçin seýrek ulanylýar (ýygylyk = 28). Bir gatlakly, uly setir beýikligi 1.69.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 8-16px |
| Düwme radiusy | 9999px |
| Kart radiusy | 20px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 96-125px |
| Sahypanyň giňligi | 1280px |
Süni intellekt web sahypaňyzy ElevenLabs stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Awesomic — Konfeti ýadyňa salýan mämişi punktuasiýa belgileri bolan redaksiýa sink tor
- Monad — ýyly pergamentde redaksiýa tehniki žurnaly
- Dub — Link-iň mat tüwi kagyzynyň dolandyryş paneli
- Seline Analytics — Ýyly kagyzyň üstünde sessiz analitiki stol
- Notion — Günortan güneşinde ýyly kagyz depder
- Anthropic — Ýyly pergament barada ylmy meýdan žurnaly — pil süňküniň asuda ýüzleri, serif redaksiýa sözbaşylary we diňe hereket gerek bolanda peýda bolýan ýekeje palçyk aksenti.
- Calendly — Sowuk mermeriň üstünde gara gök syýa
- Augen Pro — Apple-iň ak görnüşi monohrom giňişlikde ýeke-täk aksent hökmünde kliniki, agramsyz, elektrik gök reňki öz içine alýar.
- Antimetal — Kremli kagyzdaky redaksiýa hronikasy — ylmy žurnalda asuda ertir, bu ýerde öz-özüňi saklamak ynamy aňladýar, serifler bolsa agyr işleri ýerine ýetirýär.
- Perk — Gyzgyn pergament kagyzynda elektrik laýmy
- Ditto — Gün şöhlesi düşýän ussahanada ýabany gülleriň nusgalaryny döredýär. Ýyly krem reňkli ýüzler, açyk sary esasy reňk, goýy gök reňkli syýalar, eseriň arkasynda açylýan organiki reňkli görnüşler.
- Officevibe — Krem reňkli kagyzda ýazylan redaksiýa žurnaly. HR dolandyryşy barada oýlanyşykly oçerk göz öňüne getiriň, ol önüm hökmünde hödürlenýär — häzirki zaman gök interfeýs arkaly pyşyrdaýan kursiw serif şrifti.