ElevenLabs
Җылы каймак төсендәге фотоэссе, нечкә башлыклар белән. Баухаус стилендәге дәфтәр — йомырка кабыгы төсендәге кәгазь, кара буяу һәм продуктны күрсәтү өчен бер шәмәхә һәм кызгылт сары төстәге бизәк.
ElevenLabs җылы, ак минималист стильдә эшли: кара шрифтлы йомырка кабыгы төсендәге полотно (#fdfcfc) һәм җылы соры өслекләрнең бер катламы (#f5f3f1). Бренд үзенчәлеге тыныч һәм ышанычлы - Waldenburg 300 шрифты башлыкларны бик ачык итеп күрсәтә (-0.02em), ә Inter 400/500 калганнарына тыныч нейтральлек бирә. Ике акцент төсе - якты шәмәхә #0447ff һәм якты кызгылт сары #ff4704 - продуктның визуаль элементларында (аудиосфералар, продукт иконкалары) гына күренә, UIда хром кебек беркайчан да түгел. Компонентлар яссы яки бераз күтәрелгән, нечкә 1 пиксель чикләре, карточкаларда киң 20 пиксель радиуслары һәм тулысынча тутырылган 9999 пиксель төймәләр белән кала. Система каймак кәгазьдәге 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/32 пиксель форматында, 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 оптимизациясе.
Охшаш стильләр
- Mollie — Кашемир счетчигы, караңгы реестр. Кара текст тирәсендә редакция дизайны өчен җитәрлек ак урын калдырыгыз, аннары продукт белән бәйле пунктларны җылы кремнар, эспрессо коктейльләре һәм чын түләү ысулларының тактиль фотолары белән ныгытыгыз.
- Kagi — Аерым уку бүлмәсе. Калын графит текст тирәсендә ачык ак урын булдырыгыз, тынычлыкны бозу өчен нечкә шәмәхә төстәге акцентлар һәм җылы пастель өслекләр кулланыгыз.
- Milanote — Milanote - махсус иҗади студия. Караңгы рамлы стеналар, ак дисплей киңлеге һәм йомшак тирәнлектәге чын объектларга охшаган скриншотлар ярдәмендә йөзүче визуаль такталар кулланып, редакция галереясы стилендәге битләр булдырыгыз.
- Co2 — Кышкы яктылыкта климат атласы. Һавадан төшерелгән документ пейзажы кебек битләр ясагыз, анда сериф исемнәре, категория буенча кодланган мәгълүматлар һәм бозлы рәсемнәр киң ак кырларны ассызыклый.
- GitButler — Текст ахырында зәңгәрсу төс. Югары контрастлы сериф башлыклары, нечкә техник рәшәткәләр, җылы графит өслекләр һәм сизелерлек зәңгәрсу төс акценты белән берләштерелгән.
- Awesomic — Конфеттины хәтерләткән кызгылт сары тыныш билгеләре белән редакция цинк челтәре
- Monad — җылы пергаменттагы редакция техник журналы
- Dub — Link'ның мат дөге кәгазе белән идарә итү панеле
- Seline Analytics — Җылы кәгазьдә тыныч аналитик өстәл
- Notion — Көндезге кояш астында җылы кәгазь дәфтәр
- Anthropic — Җылы пергамент турында фәнни өлкә журналы - тыныч фил сөяге өслекләре, серифлы редакция рубрикалары һәм хәрәкәт кирәк булганда гына күренә торган бердәнбер балчык акценты.
- Calendly — Салкын мәрмәрдә куе зәңгәр төстәге кара