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 оптимизациясе.
Охшаш стильләр
- Awesomic — Конфеттины хәтерләткән кызгылт сары тыныш билгеләре белән редакция цинк челтәре
- Monad — җылы пергаменттагы редакция техник журналы
- Dub — Link'ның мат дөге кәгазе белән идарә итү панеле
- Seline Analytics — Җылы кәгазьдә тыныч аналитик өстәл
- Notion — Көндезге кояш астында җылы кәгазь дәфтәр
- Anthropic — Җылы пергамент турында фәнни өлкә журналы - тыныч фил сөяге өслекләре, серифлы редакция рубрикалары һәм хәрәкәт кирәк булганда гына күренә торган бердәнбер балчык акценты.
- Calendly — Салкын мәрмәрдә куе зәңгәр төстәге кара
- Augen Pro — Apple'ның ак төсе монохром киңлектә бердәнбер акцент буларак клиник, авырлыксыз, электр зәңгәрен үз эченә ала.
- Antimetal — Каймак кәгазьдәге редакция хроникасы — фәнни журналдагы тыныч иртә, анда тыйнаклык ышаныч бирә, ә серифлар авыр эшне башкара.
- Perk — җылы пергамент кәгазендә электр лаймы
- Ditto — Кояш нурлары астында кыргый чәчәк үрнәкләре ясау остаханәсе. Җылы каймак өслекләр, ачык сары төс, тирән күк зәңгәрсу буяулар, әсәр артында чәчәк аткан органик төс формалары.
- Officevibe — Җылы каймак төсле кәгазьдә басылган редакция журналы. Кадрлар белән идарә итү турында уйланылган иншаны күз алдыгызга китерегез, ул продукт буларак тәкъдим ителә - заманча зәңгәр интерфейс аша пышылдап язылган курсив-сериф шрифты.