Subframe
Графички цртеж на топол пергамент. Дизајнерска хартија, каде што секој потег е или графит или гума за бришење, никогаш боја - длабочината се постигнува преку дебелина на линиите и ретки серифи.
Подрамката е монохроматски работен простор за дизајнери: топло, кремасто платно, графитно-црно мастило и целосно отсуство на хроматски акценти. Целиот интерфејс се перцепира како еден материјал - хартија, молив и сенка - со еден смел типографски допир: рафиниран сериф (Instrument Serif) поставен наспроти систематски sans-serif (Inter), давајќи уредничка гравитација на насловите. Површините се рамни и врамени, а не подигнати; длабочината се постигнува преку тенки прегради во #e5e7eb и вметнати светли точки на темните контроли, наместо на сенките. Густината е дарежлива: широк вертикален ритам (48–64px празнини помеѓу деловите), центрирани распореди со полна ширина и дарежлив бел простор околу текстот. Единствената боја е контрастот помеѓу речиси белата и речиси црната, што го прави темното копче највпечатлив елемент на секоја страница, а лентата со логоа на партнерските брендови во сиви тонови единствениот декоративен визуелен елемент.
Центрирани распореди со целосна ширина (1200px) со дарежлив вертикален ритам. Главниот елемент е еден, центриран блок: темна, сегментирана контрола на врвот, голем наслов „Inter“, поднаслов од еден ред и две соседни копчиња (пополнети + проѕирни) - без странична слика, без разделување на распоредот. Под главниот елемент е центрирана лента со лого во сива боја. Секој следен дел го следи истиот модел: блок со наслов и поднаслов порамнет лево, потоа рамка за прикажување на производот со целосна ширина со 48–64px простор помеѓу деловите. Навигацијата е минимална: горна лента со центрирани врски и дејства порамнети десно, без странична лента, без мега-мени. Страницата се чита од горе до долу како серија центрирани изјави, на секоја од нив ѝ е даден доволно простор - распоредот повеќе личи на уредничко портфолио отколку на зафатена страница на производот.
Визуелниот дизајн е минималистички и функционален. Системот користи два визуелни режима: (1) врамени снимки на екранот од производи и макети на кориснички интерфејс затворени во рамки со радиус од 24px - тие прикажуваат вистински компоненти на интерфејсот (табели, копчиња, форми) рендерирани во истата монохроматска палета, правејќи снимките на екранот да изгледаат беспрекорно интегрирани во страницата; (2) една лента од логоа на партнери во сива боја служи како социјален доказ, рендерирани рамно, без боја или контејнери. Нема фотографии од животен стил, апстрактни градиенти или 3D рендери. Единствениот илустративен елемент е темна „плочка“ на производот, центрирана на топла сива позадина со икона на бренд - се перцепира како демонстрација на производ, а не како декорација. Сите слики зафаќаат распоред базиран на текст, каде што визуелната тежина ја носи текстот.
Палета
Неутрално
- Page Canvas
#fafafa— Позадината на страницата, разгледницата на платно, светлиот текст на темни површини – топла бела боја што е основа на целиот монохроматски систем. - Hairline Border
#e5e7eb— Разделувачи, рамки на картички, рамки за слики, контури на икони - најчесто користениот тип на контура во системот, ја дефинира просторната структура. - Card Surface
#ededed— Подигната позадина за картички, дополнителна површина - се наоѓа еден чекор над платното, создавајќи групирање без сенки. - Divider Mid
#dadada— Средни разделувачи и транзиции помеѓу деловите - Graphite
#242424— Неутрално полнење со висок контраст за примарни копчиња на светли површини. - Ink Black
#171717— Текст на телото, наслови, контури на икони - малку поинтересно од графитот, кој се користи за типографија отколку за површини.
Типографија
од 12 до 128px · 7 чекори
- Inter — замена: Inter (Google Fonts) · контури 500, 600, 700 · Системски интерфејс sans-serif - навигација, текст на телото, копчиња, поднаслови и наслови на делови. Тежина: 500 за текст на телото и контроли, 600 за поднаслови и акценти за навигација и 700 за наслови на делови. Силниот негативен растојание помеѓу буквите ги компресира геометриските форми од која било големина, давајќи му на интерфејсот кондензиран, технички изглед.
- Instrument Serif — замена: Playfair Display · контури 400 · Сериф фонт дизајниран исклучиво за наслови и уредничка содржина. Неговата тежина од 400 и растојанието помеѓу буквите од -0,025em создаваат елегантен, закосен изглед што е во контраст со индустриската геометрија на Inter - препознатлива техника: еден сериф збор или фраза во рамките на sans-serif страница, што служи како визуелна интерпункција, а не како стил на наслов.
- 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 — Типографски монолит на хартија – еден, самоуверен глас што се изјаснува на снежно-бела хартија