Subframe
Графички цртеж на топлом пергаменту. Дизајнерски папир, где је сваки потез или графит или гумица, никада боја — дубина се постиже дебљином линије и ретким серифима.
Subframe је радни простор монохроматског дизајнера: топло, кремасто платно, графит-црно мастило и потпуно одсуство хроматских акцената. Читав интерфејс се доживљава као један материјал - папир, оловка и сенка - са једним смелим типографским додиром: префињеним серифом (Instrument Serif) постављеним наспрам систематског сансерифа (Inter), дајући уредничку озбиљност насловима. Површине су равне и уоквирене, а не подигнуте; дубина се постиже танким разделима у #e5e7eb и уметнутим истакнутим деловима на тамним контролама, а не сенкама. Густина је издашна: широк вертикални ритам (48–64 пиксела размака између одељака), центрирани распореди пуне ширине и издашан бели простор око текста. Једина боја је контраст између скоро беле и скоро црне, што тамно дугме чини најупечатљивијим елементом на свакој страници, а траку логотипа партнерских брендова у сивим тоновима јединим декоративним визуелним елементом.
Центрирани распореди пуне ширине (1200 пиксела) са издашним вертикалним ритмом. Главни елемент је један, центрирани блок: тамна, сегментирана контрола на врху, велики наслов „Inter“, поднаслов у једном реду и два суседна дугмета (попуњена + провидна) — без бочне слике, без прекида распореда. Испод главног елемента је центрирана трака логотипа у сивим тоновима. Сваки следећи одељак прати исти образац: блок наслова и поднаслова поравнат лево, затим оквир за презентацију производа пуне ширине са 48–64 пиксела простора између одељака. Навигација је минимална: горња трака са центрираним линковима и радњама поравнатим десно, без бочне траке, без мега-менија. Страница се чита од врха до дна као низ центрираних изјава, од којих је свакој дато довољно простора — распоред више делује као уреднички портфолио него претрпана страница производа.
Визуелни дизајн је минималистички и функционалан. Систем користи два визуелна режима: (1) уоквирене снимке екрана производа и макете корисничког интерфејса затворене у оквире радијуса од 24 пиксела — они приказују стварне компоненте интерфејса (табеле, дугмад, форме) приказане у истој монохроматској палети, чинећи да снимци екрана изгледају беспрекорно интегрисано у страницу; (2) једна трака логотипа партнера у сивим тоновима служи као друштвени доказ, приказана равно, без боје или контејнера. Нема фотографија животног стила, апстрактних градијената или 3Д рендеровања. Једини илустративни елемент је тамна „плочица“ производа, центрирана на топло сивој позадини са иконом бренда — она се доживљава као демонстрација производа, а не као декорација. Све слике заузимају текстуални распоред, где визуелну тежину носи текст.
Палета
Неутрално
- Page Canvas
#fafafa— Позадина странице, разгледница на платну, светли текст на тамним површинама – топла бела боја која је основа целог монохроматског система. - Hairline Border
#e5e7eb— Разделиоци, ивице картица, оквири за слике, обриси икона - најчешће коришћени тип обриса у систему, дефинише просторну структуру. - Card Surface
#ededed— Подигнута позадина за картице, додатна површина - налази се један корак изнад платна, стварајући групу без сенки. - Divider Mid
#dadada— Разделиоци средњих тонова и прелази између делова - Graphite
#242424— Неутрално пуњење са високим контрастом за главне дугмад на светлим површинама. - Ink Black
#171717— Текст тела, наслови, обриси икона - мало хладнији од Graphite-а, користи се за типографију, а не за површине.
Типографија
од 12 до 128 пиксела · 7 корака
- Inter — замена: Inter (Google Fonts) · обриси 500, 600, 700 · Интерфејс система без серифа — навигација, текст, дугмад, поднаслови и наслови одељака. Тежина: 500 за текст и контроле, 600 за поднаслови и акценте навигације и 700 за наслове одељака. Јак негативан размак између слова компресује геометријске облике било које величине, дајући интерфејсу кондензован, технички изглед.
- Instrument Serif — замена: Playfair Display · обриси 400 · Серифни фонт дизајниран искључиво за наслове и уреднички садржај. Његова дебљина од 400 и размак између слова од -0,025em стварају елегантан, италикизован изглед који је у контрасту са индустријском геометријом Интера - препознатљивом техником: једна серифна реч или фраза унутар сансерифне странице, која служи као визуелна интерпункција, а не као стил наслова.
- Fragment Mono — замена: JetBrains Mono · обриси 400 · Нагласите моно за елементе сличне уграђеном коду, ознаке и техничке позиве. Користи се ретко, појављује се у листама функција и уграђеним напоменама где алат за дизајн жели да назначи „ово је машински излаз“.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | просек |
| Основни корак | 8px |
| Радијус дугмета | 16px |
| Радијус картице | 24px |
| Сенке | не - ивице уместо сенки |
| Између одељака | 64px |
| Ширина странице | 1200px |
Вештачка интелигенција ће изградити ваш веб сајт у Subframe стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- monopo saigon — Течни, преливајући се сјај иза уредничке тишине — монохроматска уредничка галерија која плута на растопљеној светлости
- Hyer Aviation — Сумрак у кокпиту изнад пергамента. Бледо небо у зору сусреће се са серифним логом величине трупа, а један топли глинени акценат прекида монохроматску уздржаност.
- OFF+BRAND. — Иридесцентна сфера на топлом пергаменту
- Seed — живи организам под лабораторијским стаклом
- Eindhoven Design District — Уреднички брутализам на белом папиру је манифест општинског дизајна, изведен великим словима, са минималном фотографијом и апсолутном уздржаношћу.
- Miranda — Класични фонт широког формата на светло кремастој позадини - уводник новина за дигитално доба
- Monocle — Висококвалитетне новине широког формата на кремастом папиру. Пажљиво одабран уводник, где свака колона заслужује своје место, а на страници се појављује само једна значајна боја.
- Agencja brandingowa — Уредничка галерија у белим тоновима са типографијом урађеном црним мастилом
- Websmith Studio — Јутарње светло на крем папиру
- Aspelin Reitan — Архитектонска архива компаније Candlelight - Страница изгледа као портфолио изграђених простора, закачен на топло кремасти зид, са једним редом белог текста који лебди изнад сваке слике преко целе ширине странице.
- Public — Монохроматски уводник на хладном мермеру - готово монохроматско платно, са серифним фонтом од 300 поена и једним љубичастим акцентом који обавља сав посао са бојом.
- Motto — Типографски монолит на папиру – један, самоуверен глас који се изјављује на снежно белом папиру