
Caldera
Ковајте ватру на топлом кречњаку. Платно је сирово, топли малтер, а сваки наранџасти елемент изгледа као тињајући жар утиснут у површину.
Калдера функционише на топлом кречњачком платну, окупаном растопљеном наранџастом бојом. Интерфејс је раван и без сенки, што омогућава ултра-смелом, кондензованом типу у скоро архитектонској размери (до 189 пиксела) да носи целокупно структурно оптерећење. Једна жива наранџаста (#fc5000) делује као једини, агресивни хроматски акценат на позадини монохроматских, топлих сивих тонова, плазма љубичаста је резервисана за главну полутонску слику, а сумпорно жута за ознаке. Визуелни језик је вулкански: кондензована, тешка слова, полутонски тачкасти обрасци, радијуси од 40 пиксела на картицама и дугмадима и контроле у облику пилула од 800 пиксела - топлина затворена у меку површину налик папиру.
Визуелна палета је минималистичка и промишљена. Главни прозор користи апстрактни полутон тачкасти узорак (наранџасте тачке на градијенту од љубичасте до наранџасте) уместо фотографије – не служи као декорација, већ као уметнички израз бренда. Картице са информацијама о производу и најавама користе или чврсте Ember блокове или полутон Plasma Violet као испуне сликама, пружајући јединствени графички систем. Логотипи партнера/интеграција се појављују као монохроматске иконе на светлој позадини. Нема фотографија, 3Д рендера или слика животног стила. Иконе су мале, монохроматске и минималистичке – Discord, X и Telegram се налазе у навигацији као једноставни глифови. Визуелни језик је графички и уреднички, а не фотографски: више подсећа на дизајн постера него на стокове слике.
Палета
Brend
- Ember
#fc5000— Дугмад за примарне акције, картице са статистикама и кључни визуелни акценти су једини агресивни акценат боје; његово богатство у односу на топле сиве тонове ствара осећај хитности без потребе за додатним декоративним елементима. - Plasma Violet
#524ae9— Главна основа полутонског градијента, једна додатна површина картице - Користи се скоро искључиво у главном тачкастом обрасцу и на једној наменској картици; никада се не користи за контроле.
Неутрално
- Sulfur
#f5f28e— Позадина за иконе ознака и категорија, мале истакнуте делове, је меке жуте боје која се користи за означавање категорија објава на блогу и најава програма. - Limestone
#f7f6f2— Површине картица, позадине блокова садржаја и додатна испуњења дугмади су светлије, топлије нијансе беле која чини да се елементи истичу на платну странице. - Pumice
#e2e2df— Главна позадина странице је топла средње сива која служи као основа за сваки одељак; мало је тамнија од површине картона, што омогућава суптилно раздвајање фигуре и позадине без сенки. - Obsidian
#070607— Главни текст, наслови, текст линкова и оквири дугмади су готово црни са једва приметном топлом нијансом која се слаже са топлим бојама платна. - Chalk
#ffffff— Текст у тамним деловима, унос текста на тамним позадинама, преклапања са високим контрастом - Чисто бела се користи само тамо где је потребан максималан контраст са тамним површинама.
Типографија
од 12 до 189 пиксела · 10 корака
- PP Neue Corp Compact — замена: Bebas Neue · обриси 400 (Ultrabold cut) · Сви наслови и текст за приказ. Прилагођено дизајниран, кондензован, ултра-подебљани фонт даје насловима индустријску тежину, сличну знаку. Величина од 189 пиксела у главном блоку одражава препознатљив стил бренда: кондензован, готово структурални, а не типографски. Подешавања „ss06“ и „ss10“ активирају алтернативне облике слова и размак за агресивнији, кондензованији ритам. Позитиван размак између слова (+0,02 ем) је неуобичајен за величине приказа и спречава осећај скученог текста на 80–189 пиксела.
- DM Sans — замена: Inter · обриси 500 (Medium only — never Regular or Bold) · Главни текст, линкови за навигацију, ознаке дугмади и секундарни наслови су величине до 30 пиксела. Средња дебљина фонта је намерно изабрана — регуларни фонт би изгледао превише танак у односу на екстра подебљани фонт за наслове, а подебљани би му се такмичио. DM Sans ствара хуманистички, благо геометријски контрапункт индустријском фонту за наслове.
- System sans-serif — замена: Inter · обриси 400 · Натписи, метатекст, датуми, микроознаке. Користи се само у 12px, где су тежина и препознатљивост бренда мање важни од уштеде на величини.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | просек |
| Основни корак | 16px |
| Радијус дугмета | 40px |
| Радијус картице | 40px |
| Сенке | не - ивице уместо сенки |
| Између одељака | 80px |
| Ширина странице | 1280px |
Вештачка интелигенција ће изградити ваш веб сајт у Caldera стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- teenage engineering — Индустријски каталог у студијском осветљењу - производ је једини значајан објекат на страници, а све остало се разматра око њега
- basement — Празна штампарска машина у 3 ујутру – огромни, компримовани фонтови се шире по мрклом мраку, један бљесак наранџасте светлости на навигационој траци, све остало бело или сабласно сиво.
- amra — Иридесцентна сфера на белој позадини — акценат лаванде је једини пулс боје на готово савршено ахроматској страници, а сфера са једним градијентом обавља посао који обично ради главна илустрација.
- Stink Studios — Филмски студио у поноћ - пројектор зуји, соба је мрачна, само је филм осветљен
- Andrei Rybin — Монохроматска скиц блок је дизајнерска свеска у којој су екрани телефона причвршћени за бели зид попут контактних листова.
- Uniswap Cup — Пренос еСпорт такмичења се одвија на макетној локацији - ружичасти маркер оцртава мрежу белих квадрата и танких линија
- Freytag Anderson — Завеса биоскопа се подиже на једну реч. Огромна покретна слика заузима цео екран, назив бренда стоји у углу попут наслова и ништа друго не одвлачи пажњу.
- Integrated Biosciences — лабораторија за биолуминесценцију у поноћ
- Vercel — Терминал одштампан на белом папиру
- Mintlify — Облачна башта изнад стакленог стола. Ручно цртано небо и документарац су уоквирени заједно - једино место где се боја и концепт сударају пре него што страница избледи у монашку белину.
- Gleap — Радни простор украшен топлим крем тоновима са графитним акцентима - студио где мат црне тачке мастила изгледају као да лебде изнад платнене архитектуре.
- ClickUp — Моћна контролна табла на белом мермеру. Страница је брошура производа за алатку за продуктивност, тако да је визуелни језик позајмљен из самог производа: густе листе, индикатори статуса, групе аватара и смеле типографске изјаве које изгледају као спецификација производа на екрану.