ElevenLabs
Фото есеј у топлим крем тоновима са суптилним насловима. Свеска у стилу Баухауса — папир боје љуске јајета, црно мастило и један љубичасти и наранџасти акценат за приказивање производа.
ElevenLabs ради у топлом, белом минималистичком стилу: платно боје љуске јајета (#fdfcfc) са црним словом и једним слојем топлих, сиво-сивих површина (#f5f3f1). Идентитет бренда је тих и самоуверен — једва препознатљив фонт Waldenburg 300 истиче наслове са изузетном јасноћом (-0,02em), док Inter 400/500 свему осталом даје мирну неутралност. Две акцентне боје — живахна љубичаста #0447ff и живахна наранџаста #ff4704 — истичу се само унутар визуелних елемената производа (аудиосфере, иконе производа), никада као хром у корисничком интерфејсу. Компоненте остају равне или благо подигнуте са танким оквирима од 1px, широким радијусима од 20px на картицама и потпуно попуњеним дугмадима од 9999px. Систем подсећа на студио Баухаус на крем папиру: уздржан, уреднички и технички прецизан.
Одељци пуне ширине су распоређени вертикално у једној централној колони максималне ширине са спољним ивицама од 1280 пиксела. Главни одељак је асиметричан: наслов је поравнат лево на нивоу Валденбурга од 48 пиксела, текст описа је поравнат десно, а два дугмета у облику пилуле налазе се испод наслова. Испод главног одељка налази се велика навигациона трака са картицама која се протеже целом ширином садржаја. Одељци се смењују између позадине боје љуске јајета и таупе са вертикалним ивицама од 96–125 пиксела. Подножје је компактна, једнострука трака. Навигација је минималистичка горња трака — без фиксног понашања, без мега-менија. Ритам садржаја одговара уредничком стилу: пуно белог простора, један главни визуелни елемент по одељку и без мрежа са картицама испод одељка „Поверење“.
Визуелним дизајном доминира шема боја: велики градијенти у облику меких аудио сфера (кругови преко 200 пиксела са радијалним прелазима од љубичасте до наранџасте и ружичасте) служе као главни графички елемент. Логотипи у одељку „Поверење“ представљени су у сивој скали ниског контраста на мат платненој позадини. Фотографија је минимална — нема фотографија начина живота или производа. Иконографија је оскудна и монохроматска (црни обриси или испуњене иконе, нема хроматских икона). Визуелни систем више подсећа на дизајнерску публикацију него на каталог производа — уредничка уздржаност преовлађује над маркетиншким утицајем.
Палета
Brend
- 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 ствара ближе приањање између слова код већих величина. Алтернативе: „Inter“ у тежини од 300 или „Söhne“ у лакој тежини као премиум алтернатива.
- Inter — замена: Inter or system-ui · обриси 400, 500 · Све ван екрана: текст, навигација, дугмад, линкови, ознаке, поља за унос, картице. 400 је подразумевана тежина; 500 је резервисано за дугмад и истакнуте линкове. Величине се крећу од 10 до 10, са смањеним проредом између редова (1,47–1,6), што даје пасусима простора за „дишање“. Мали проред између слова од +1 (2) код величина од 14 до 3 побољшава читљивост код малих величина.
- Geist Mono — замена: JetBrains Mono or IBM Plex Mono · обриси 400 · Микротекст који се налази поред кода или техничког текста, позициониран на 13 пиксела — ретко се користи (учесталост = 28) за техничке ознаке или метаподатке. Један слој, велика висина линије од 1,69.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | густ |
| Основни корак | 8-16px |
| Радијус дугмета | 9999px |
| Радијус картице | 20px |
| Сенке | не - ивице уместо сенки |
| Између одељака | 96-125px |
| Ширина странице | 1280px |
Вештачка интелигенција ће изградити ваш веб сајт у ElevenLabs стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- Awesomic — Уредничка цинкова мрежа са наранџастим интерпункцијским знаковима који подсећају на конфете
- Monad — уреднички технички часопис на топлом пергаменту
- Dub — Линкова контролна табла од мат пиринчаног папира
- Seline Analytics — Тихи аналитички сто на топлом папиру
- Notion — Топла папирна свеска на подневном сунцу
- Anthropic — Научни часопис о топлом пергаменту — мирне површине боје слоноваче, насечени уреднички наслови и један глинени акценат који се појављује само када је потребна акција.
- Calendly — Тамноплаво мастило на хладном мермеру
- Augen Pro — Еплова бела презентација садржи клиничку, бестежинску, електрично плаву боју као једини акценат у монохроматском простору.
- Antimetal — Уредничка хроника на кремастом папиру – тихо јутро у научном часопису, где уздржаност преноси самопоуздање, а серифи обављају тешки посао
- Perk — Електрични лимет на топлом пергамент папиру
- Ditto — Сунцем обасјана радионица у којој се стварају узорци дивљег цвећа. Топле кремасте површине, јарко жута основна боја, дубоко тамноплаве боје, органски облици боја који цветају иза дела.
- Officevibe — Уреднички часопис на топлом кремастом папиру. Замислите промишљен есеј о управљању људским ресурсима, представљен као производ - курзивни серифни фонт који шапуће кроз модерни плави интерфејс.