ElevenLabs
Iliq krem tusli, nozik sarlavhali fotoinsho. Bauhaus uslubidagi daftar — tuxum qobig'i rangli qog'oz, qora siyoh va mahsulotni namoyish qilish uchun bitta binafsha va to'q sariq rangli aksent.
ElevenLabs issiq, oq minimalist uslubda ishlaydi: tuxum qobig'i rangidagi kanvas (#fdfcfc) qora shrift va bir qatlam issiq jigarrang sirtlar (#f5f3f1). Brend o'ziga xosligi tinch va ishonchli - zo'rg'a ajralib turadigan Waldenburg 300 shrifti sarlavhalarni juda aniqlik bilan ta'kidlaydi (-0.02em), Inter 400/500 esa qolgan barcha narsalarga xotirjam neytrallik bag'ishlaydi. Ikkita urg'u rangi - yorqin binafsha #0447ff va yorqin to'q sariq #ff4704 - faqat mahsulotning vizual elementlari (audiosferalar, mahsulot piktogrammalari) ichida aks etadi, UIda hech qachon xrom kabi emas. Komponentlar tekis yoki biroz ko'tarilgan bo'lib qoladi, ingichka 1px chegaralar, kartalarda keng 20px radiuslar va to'liq to'ldirilgan 9999px tugmalar mavjud. Tizim krem qog'ozdagi Bauhaus studiyasini eslatadi: cheklangan, tahririy va texnik jihatdan aniq.
To'liq kenglikdagi bo'limlar vertikal ravishda bitta, maksimal kenglikdagi markaziy ustunda, 1280 pikselli tashqi oluklar bilan joylashtirilgan. Asosiy bo'lim assimetrik: sarlavha 48 pikselli Waldenburg darajasida chapga tekislangan, tavsif matni o'ngga tekislangan va sarlavha ostida ikkita tabletka shaklidagi tugmalar joylashgan. Asosiy bo'lim ostida butun kontent kengligini qamrab oluvchi katta yorliqli navigatsiya paneli mavjud. Bo'limlar tuxum qobig'i rangidagi va och jigarrang fonlar orasida almashinib turadi, vertikal oluklar 96–125 piksel o'lchamda. Pastki qism ixcham, bitta chiziqli. Navigatsiya minimalist yuqori paneldir - qat'iy xatti-harakatlar yo'q, mega-menyular yo'q. Kontent ritmi tahririyat uslubiga mos keladi: ko'p oq joy, har bir bo'lim uchun bitta asosiy vizual element va "Ishonch" bo'limi ostida karta panjaralari yo'q.
Vizual dizaynda ranglar sxemasi ustunlik qiladi: yumshoq audio sharlar ko'rinishidagi katta gradientlar (binafsha rangdan to'q sariq va pushti ranggacha radial o'tishlar bilan 200 pikseldan ortiq doiralar) asosiy grafik element bo'lib xizmat qiladi. "Ishonch" bo'limidagi logotiplar mot tuval fonida past kontrastli kulrang shkalada taqdim etilgan. Fotosurat minimal — turmush tarzi yoki mahsulot fotosuratlari yo'q. Ikonografiya siyrak va monoxrom (qora kontur yoki to'ldirilgan piktogrammalar, xromatik piktogrammalar yo'q). Vizual tizim mahsulot katalogidan ko'ra dizayn nashrini ko'proq eslatadi — marketing ta'siridan ko'ra tahririyat cheklovi ustunlik qiladi.
Palitra
Brend
- Violet Spark
#0447ff— Mahsulotning vizual ta'kidlanishi - Faqat audio sharsimon illyustratsiyalar va dekorativ mahsulot piktogrammalarida paydo bo'ladi; hech qachon interfeys elementlari uchun ishlatilmaydi.
Neytral
- Eggshell
#fdfcfc— Raqamli porlashni oldini olish va saytga qog'ozdek xotirjamlik berish uchun sahifa tuvali, tugmachalar va karton yuzalari ochiq oq emas, balki iliq, ozgina kremsi rangda. - Warm Taupe
#f5f3f1— Ajratuvchi chiziqlar, dekorativ kartochkalar va qo'shimcha sirt sathi – mat sirtdan bir qadam chuqurroq – jim, chegarasiz ajratishni yaratadi. - Stone
#ebe8e4— Yupqa chegaralar, ajratgichlar va ikonkali fonlar sovuqni sezmasdan, och jigarrang va oʻrtacha kulrang oʻrtasida joylashgan issiq kulrang rangdir. - Ink
#000000— Asosiy matn, to'ldirilgan tugmalar, navigatsiya yoki havolalar bo'ladimi, sof qora rang iliq ranglar palitrasi uchun asos bo'lib xizmat qiladi va tizimdagi yagona o'tkir kontrastni yaratadi. - Graphite
#44403b— Asosiy matn, bo'lim sarlavhalari - qora rangning qattiqligisiz, o'tkir bo'lishi kerak bo'lgan matn uchun nozik, iliq to'q kulrang. - Smoke
#777169— Asosiy matn, yashirin tavsiflar va sarlavhalar o'rtacha iliq kulrang rangda; kartalar va tematik matnlarning dominant, o'qilishi oson, ammo xotirjam uslubi.
Tipografiya
10 dan 48 pikselgacha · 8 qadam
- Waldenburg — almashtirish: Inter (300) or Söhne Light · konturlar 300 · Faqat sarlavhalar va dizayn elementlari uchun. 300 shrift qalinligida 48/36/32px formatlarda qo'llaniladi — o'ta yengil shrift noan'anaviy; aksariyat veb-saytlar 600-700 dan foydalanadi; bu nozik shrift cheklov orqali vakolatni ifodalaydi. -0.02em gacha bo'lgan tor harflar oralig'i katta o'lchamlarda harflar orasida yaqinroq moslikni yaratadi. Muqobil variantlar: 300 og'irlikdagi "Inter" yoki premium alternativ sifatida yengil vazndagi "Söhne".
- Inter — almashtirish: Inter or system-ui · konturlar 400, 500 · Ekrandan tashqaridagi hamma narsa: asosiy matn, navigatsiya, tugmalar, havolalar, yorliqlar, kiritish maydonlari, kartalar. 400 standart og'irlik; 500 tugmalar va belgilangan havolalar uchun ajratilgan. O'lchamlari 10 dan 10 gacha, satrlar oralig'i qisqartirilgan (1.47–1.6), bu esa paragraflarga nafas olish uchun joy beradi. 14 dan 3 gacha bo'lgan o'lchamlarda +1 (2) kichik harflar oralig'i kichik o'lchamlarda o'qishni yaxshilaydi.
- Geist Mono — almashtirish: JetBrains Mono or IBM Plex Mono · konturlar 400 · Mikromatn kod yoki texnik matn yonida joylashgan, 13 piksel o'lchamda joylashtirilgan — texnik yorliqlar yoki metama'lumotlar uchun kamdan-kam ishlatiladi (chastota = 28). Bir qavatli, katta satr balandligi 1,69.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 8-16px |
| Tugma radiusi | 9999px |
| Karta radiusi | 20px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 96-125px |
| Sahifa kengligi | 1280px |
Sun'iy intellekt veb-saytingizni ElevenLabs uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Awesomic — Konfetini eslatuvchi to'q sariq tinish belgilari bilan bezatilgan rux to'ri
- Monad — Issiq pergamentdagi tahririyat texnik jurnali
- Dub — Linkning mat guruch qog'ozi boshqaruv paneli
- Seline Analytics — Issiq qog'ozda jimgina analitik stol
- Notion — Peshin quyoshida iliq qog'oz daftar
- Anthropic — Issiq pergamentga oid ilmiy jurnal - tinch fil suyagi yuzalar, serifli tahririyat sarlavhalari va faqat harakat zarur bo'lganda paydo bo'ladigan bitta loy aksenti.
- Calendly — Sovuq marmar ustiga to'q ko'k siyoh
- Augen Pro — Apple’ning oq rangli taqdimoti monoxrom makonda yagona aksent sifatida klinik, vaznsiz, elektr ko‘k rangga ega.
- Antimetal — Qaymoq qog'ozga yozilgan tahririyat xronikasi — ilmiy jurnalda sokin tong, bu yerda o'zini tuta bilish ishonchni ifodalaydi va seriflar og'ir ishlarni bajaradi
- Perk — Issiq pergament qog'ozidagi elektr ohak
- Ditto — Quyosh nuri tushgan holda yovvoyi gullar namunalarini yaratish ustaxonasi. Issiq krem rangli yuzalar, yorqin sariq asosiy rang, to'q ko'k siyohlar, asar orqasida gullab-yashnayotgan organik rang shakllari.
- Officevibe — Issiq krem rangli qog'ozda tahririyat jurnali. Zamonaviy ko'k interfeys orqali pichirlab yozilgan kursiv serif shrift - mahsulot sifatida taqdim etilgan HR menejmenti haqidagi puxta o'ylangan inshoni tasavvur qiling.