ElevenLabs
Жылуу каймак түстөгү, назик аталыштары бар фотоэссе. Баухаус стилиндеги дептер — жумуртканын кабыгы түстүү кагаз, кара сыя жана продукцияны көрсөтүү үчүн бир кызгылт көк жана кызгылт сары түстөгү акцент.
ElevenLabs жылуу, ак минималисттик стилде иштейт: жумуртканын кабыгы түстүү полотно (#fdfcfc) кара шрифт менен жана жылуу кочкул кызыл беттердин бир катмары (#f5f3f1). Бренддин идентификациясы тынч жана ишенимдүү — Waldenburg 300 шрифти дээрлик айырмаланбайт, ал башкы макалаларды өтө тактык менен баса белгилейт (-0.02em), ал эми Inter 400/500 калгандарынын баарына тынч нейтралдуулук берет. Эки акцент түсү — ачык кызгылт көк #0447ff жана ачык кызгылт сары #ff4704 — продуктунун визуалдык элементтеринин (аудиосфералар, продукт сүрөтчөлөрү) ичинде гана көрүнөт, интерфейсте эч качан хромдой эмес. Компоненттер жалпак же бир аз көтөрүлгөн бойдон калат, жука 1px чек аралары, карталардагы кең 20px радиустары жана толугу менен толтурулган 9999px баскычтары бар. Система каймак кагаздагы Bauhaus студиясын эске салат: токтоо, редакциялык жана техникалык жактан так.
Толук туурасы бар бөлүмдөр 1280 пиксель өлчөмүндөгү сырткы науалары бар бир, максималдуу туурасы бар борбордук тилкеде тигинен жайгаштырылган. Негизги бөлүм асимметриялык: аталышы 48 пиксель өлчөмүндөгү Вальденбург деңгээлинде солго тегизделген, сүрөттөмө тексти оңго тегизделген жана аталышынын астында эки таблетка түрүндөгү баскычтар жайгашкан. Негизги бөлүмдүн астында мазмундун бүт туурасын камтыган чоң өтмөктүү навигация тилкеси жайгашкан. Бөлүмдөр жумуртканын кабыгынын түсүндөгү жана боз түстөгү фондордун ортосунда кезектешип жайгашкан, ал эми вертикалдуу науалары 96–125 пиксель өлчөмүндө. Төмөнкү колонтитул компакттуу, бир тилкелүү. Навигация минималисттик үстүнкү тилке — бекитилген жүрүм-турум жок, мега-менюлар жок. Мазмун ритми редакциялык стилге дал келет: көп ак мейкиндик, ар бир бөлүмдө бир негизги визуалдык элемент жана "Ишеним" бөлүмүнүн астында карта торчолору жок.
Визуалдык дизайнда түс схемасы басымдуулук кылат: жумшак аудио сфералар түрүндөгү чоң градиенттер (кызгылт көктөн кызгылт сарыга жана кызгылт түскө радиалдык өтүүлөр менен 200 пикселден ашык тегерекчелер) негизги графикалык элемент болуп кызмат кылат. "Ишеним" бөлүмүндөгү логотиптер күңгүрт полотнонун фонунда аз контрасттуу боз түстө берилген. Сүрөт минималдуу — жашоо образынын же продуктунун сүрөттөрү жок. Иконография сейрек жана монохромдуу (кара контур же толтурулган сөлөкөттөр, хроматикалык сөлөкөттөр жок). Визуалдык система продукт каталогуна караганда дизайн басылмасын көбүрөөк эске салат — маркетингдик таасирге караганда редакциялык чектөө басымдуулук кылат.
Түстөр палитрасы
Бренд
- Violet Spark
#0447ff— Продукциянын визуалдык басымы - Аудио сфералык иллюстрацияларда жана декоративдик продукт сүрөтчөлөрүндө гана көрүнөт; интерфейс элементтери үчүн эч качан колдонулбайт.
Нейтралдуу
- Eggshell
#fdfcfc— Барактын холстунун, баскычтардын жана открыткалардын беттери ачык ак эмес, жылуу, бир аз каймак түстө, бул санариптик жаркыроодон качуу жана сайтка кагаздай тынчтык берүү үчүн. - Warm Taupe
#f5f3f1— Бөлгүч тилкелер, декоративдик открыткалар жана кошумча беттик деңгээл – күңгүрт беттен бир кадам тереңирээк – тынч, чек арасыз бөлүүнү жаратат. - Stone
#ebe8e4— Ичке чек аралар, бөлгүчтөр жана сүрөтчөлөрдүн фондору жылуу боз түстө болуп, алар ачык күрөң менен орточо боз түстөрдүн ортосунда жайгашкан жана суук сезилбейт. - Ink
#000000— Негизги текст, толтурулган баскычтар, навигация же шилтемелер болсун, таза кара түс жылуу түстөр палитрасынын негизи болуп кызмат кылат жана системадагы жалгыз кескин контрастты түзөт. - Graphite
#44403b— Негизги текст, бөлүмдөрдүн аталыштары - кара түстүн катаалдыгы жок, курч болушу керек болгон текст үчүн бир аз жылуу кочкул боз түс. - Smoke
#777169— Негизги текст, жашыруун сүрөттөөлөр жана коштомо жазуулар орточо жылуу боз түстө; карталардын жана тематикалык тексттердин үстөмдүк кылган, окула турган, бирок токтоо стили.
Типография
10дон 48 пикселге чейин · 8 кадам
- Waldenburg — алмаштыруу: Inter (300) or Söhne Light · контурлар 300 · Аталыштар жана дизайн элементтери үчүн гана. 48/36/32px форматтарында, шрифттин калыңдыгы 300 болгон ультра жеңил шрифт салттуу эмес; көпчүлүк веб-сайттар 600-700 шрифтин колдонушат; бул назик шрифт чектөө аркылуу бийликти билдирет. -0.02em тамгалардын ортосундагы тыгыз аралык чоң өлчөмдөгү тамгалардын ортосунда жакыныраак дал келүүнү камсыз кылат. Альтернативалары: 300 салмактагы "Inter" же премиум альтернатива катары жеңил салмактагы "Söhne".
- Inter — алмаштыруу: Inter or system-ui · контурлар 400, 500 · Экрандан тышкары баары: негизги текст, навигация, баскычтар, шилтемелер, энбелгилер, киргизүү талаалары, карталар. 400 демейки салмак; 500 баскычтар жана белгиленген шилтемелер үчүн сакталган. Өлчөмдөрү 10дон 10го чейин, саптардын аралыгы кыскартылган (1.47–1.6), бул абзацтарга дем алууга орун берет. 14төн 3кө чейинки өлчөмдөрдө +1 (2) тамгалардын кичинекей аралыгы кичинекей өлчөмдөрдө окумдуулукту жакшыртат.
- Geist Mono — алмаштыруу: JetBrains Mono or IBM Plex Mono · контурлар 400 · Микротекст коддун же техникалык тексттин жанында жайгашкан, 13 пиксель өлчөмүндө жайгаштырылган — техникалык энбелгилер же метадайындар үчүн сейрек колдонулат (жыштык = 28). Бир катмарлуу, чоң саптын бийиктиги 1,69.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | тыгыз |
| Негизги кадам | 8-16px |
| Баскычтын радиусу | 9999px |
| Картанын радиусу | 20px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
| Бөлүмдөрдүн ортосунда | 96-125px |
| Барактын туурасы | 1280px |
Жасалма интеллект сиздин веб-сайтыңызды ElevenLabs стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Awesomic — Конфеттини эске салган кызгылт сары тыныш белгилери бар редакциялык цинк торчосу
- Monad — жылуу пергамент боюнча редакциялык техникалык журнал
- Dub — Linkтин матовый күрүч кагазынан жасалган башкаруу панели
- Seline Analytics — Жылуу кагаздагы тынч аналитикалык стол
- Notion — Түшкү күндүн астында жылуу кагаз дептер
- Anthropic — Жылуу пергамент жөнүндөгү илимий талаа журналы — пил сөөгүнүн тынч беттери, сериф менен кооздолгон редакциялык аталыштар жана аракет керек болгондо гана пайда болгон бир гана чопо акцент.
- Calendly — Муздак мраморго кочкул көк сыя менен тартылган
- Augen Pro — Apple компаниясынын ак түсү монохром мейкиндиктеги жалгыз акцент катары клиникалык, салмаксыз, электр көк түсүн камтыйт.
- Antimetal — Каймак кагазга басылган редакциялык хроника — илимий журналдагы тынч таң, анда токтоолук ишенимди билдирет, ал эми серифтер оор жумушту аткарат
- Perk — Жылуу пергамент кагазындагы электр лаймы
- Ditto — Күн нуру тийген жапайы гүлдөрдүн үлгүлөрүн жасоочу устакана. Жылуу каймак түстөгү беттер, ачык сары түс, кочкул көк сыялар, чыгарманын артында гүлдөгөн органикалык түстөгү формалар.
- Officevibe — Жылуу каймак түстүү кагазга басылган редакциялык журнал. Заманбап көк интерфейс аркылуу шыбырап жазылган курсивдүү сериф шрифти менен берилген, продукт катары сунушталган HR башкаруу боюнча ойлуу эссени элестетиңиз.