Subframe
Жылы пергаментке салынған графикалық сурет. Әрбір сызық графит немесе өшіргішпен жазылған дизайнерлік қағаз ешқашан боялмайды — тереңдік сызық қалыңдығы мен сирек серифтер арқылы қол жеткізіледі.
Ішкі жақтау – монохромды дизайнердің жұмыс кеңістігі: жылы, кремді кенеп, графит-қара сия және хроматикалық екпіндердің мүлдем болмауы. Барлық интерфейс бірыңғай материал – қағаз, қарындаш және көлеңке – ретінде қабылданады, бір батыл типографиялық ерекшелікпен: жүйелі sans-serif (Inter) қаріпіне қарсы қойылған тазартылған serif (Instrument Serif), тақырыптарға редакциялық салмақ береді. Беттер көтерілген емес, тегіс және жақтаулы; тереңдік #e5e7eb ішіндегі жұқа бөлгіштер және көлеңкелер емес, қараңғы басқару элементтеріндегі кірістірілген жарықтандырулар арқылы қол жеткізіледі. Тығыздық мол: кең тік ырғақ (бөлімдер арасындағы саңылаулар 48–64 пиксель), орталықтандырылған, толық ендік орналасулар және мәтін айналасындағы кең бос орын. Жалғыз түс – ақ түске жақын және қара түстің арасындағы контраст, бұл қараңғы түймені әр беттегі ең таңқаларлық элемент етеді, ал сұр реңктердегі серіктес бренд логотиптерінің жолағы жалғыз сәндік визуалды элемент болып табылады.
Ортаға орналастырылған, толық енді макеттер (1200 пиксель), кең тік ырғағы бар. Негізгі элемент - бір орталық блок: жоғарғы жағында қараңғы, сегменттелген басқару элементі, үлкен "Интер" тақырыбы, бір жолды ішкі тақырыпша және екі іргелес түйме (толтырылған + мөлдір) - бүйірлік кескін жоқ, орналасу бөлінбеуі жоқ. Негізгі элементтің астында орталыққа орналастырылған сұр реңкті логотип жолағы орналасқан. Әрбір келесі бөлім бірдей үлгі бойынша жүреді: солға тураланған тақырып және ішкі тақырыпша блогы, содан кейін бөлімдер арасында 48-64 пиксельдік науа кеңістігі бар толық енді өнім көрмесінің жақтауы. Навигация минималды: орталыққа орналастырылған сілтемелер және оңға тураланған әрекеттері бар жоғарғы жолақ, бүйірлік тақта жоқ, мега-мәзір жоқ. Бет жоғарыдан төменге қарай орталыққа орналастырылған мәлімдемелер сериясы ретінде оқылады, әрқайсысына жеткілікті орын берілген - орналасу бос емес өнім бетінен гөрі редакциялық портфолиоға көбірек ұқсайды.
Визуалды дизайн минималистік және функционалды. Жүйе екі визуалды режимді пайдаланады: (1) жақтаулы өнім скриншоттары және 24 пиксель радиусы бар кадрларға салынған UI макеттері — олар бірдей монохромды палитрада көрсетілген нақты интерфейс компоненттерін (кестелер, түймелер, формалар) көрсетеді, бұл скриншоттардың бетке біркелкі интеграцияланған болып көрінуіне мүмкіндік береді; (2) сұр түсті серіктес логотиптерінің бір жолағы әлеуметтік дәлел ретінде қызмет етеді, жалпақ, түссіз немесе контейнерсіз көрсетіледі. Өмір салты фотосуреттері, абстрактілі градиенттер немесе 3D рендерлер жоқ. Жалғыз иллюстрациялық элемент — бренд белгішесі бар жылы сұр фонда орналасқан қара өнім «плиткалары» — ол безендіру ретінде емес, өнімнің көрсетілімі ретінде қабылданады. Барлық суреттер мәтінге негізделген орналасуды алады, мұнда визуалды салмақ мәтінмен бірге жүреді.
Палитра
Бейтарап
- Page Canvas
#fafafa— Беттің фоны, кенептегі ашықхат, қараңғы беттердегі ашық мәтін – бүкіл монохромды жүйенің негізінде жатқан жылы ақ түс. - Hairline Border
#e5e7eb— Бөлгіштер, карта жиектері, кескін жақтаулары, белгіше контурлары - жүйеде ең жиі қолданылатын контур түрі кеңістіктік құрылымды анықтайды. - Card Surface
#ededed— Карталарға арналған көтерілген фон, қосымша бет - кенептен бір саты жоғары орналасқан, көлеңкесіз топтастыру жасайды. - Divider Mid
#dadada— Орташа реңк бөлгіштері және бөлімдер арасындағы ауысулар - Graphite
#242424— Ашық беттердегі негізгі түймелерге арналған жоғары контрастты бейтарап толтырғыш. - Ink Black
#171717— Негізгі мәтін, тақырыптар, белгіше контурлары - беттерге қарағанда типография үшін қолданылатын графитке қарағанда сәл керемет.
Типография
12-ден 128 пиксельге дейін · 7 қадам
- Inter — ауыстыру: Inter (Google Fonts) · контурлар 500, 600, 700 · Sans-serif жүйелік интерфейсі — навигация, негізгі мәтін, түймелер, ішкі тақырыптар және бөлім тақырыптары. Салмағы: негізгі мәтін және басқару элементтері үшін 500, ішкі тақырыптар мен навигациялық екпіндер үшін 600 және бөлім тақырыптары үшін 700. Теріс әріптер арасындағы күшті арақашықтық кез келген өлшемдегі геометриялық пішіндерді қысады, бұл интерфейске қысқартылған, техникалық көрініс береді.
- Instrument Serif — ауыстыру: Playfair Display · контурлар 400 · Тек тақырыптар мен редакциялық мазмұнға арналған сериф қаріпі. Оның 400 қалыңдығы және -0,025 мм әріп аралығы Inter-дің өнеркәсіптік геометриясына қарама-қайшы келетін талғампаз, курсивпен жасалған көріністі жасайды — бұл қолтаңба әдісі: sans-serif бетіндегі бір сериф сөзі немесе сөз тіркесі тақырып стилі емес, визуалды тыныс белгілері ретінде қызмет етеді.
- Fragment Mono — ауыстыру: JetBrains Mono · контурлар 400 · Кірістірілген код тәрізді элементтерге, тег белгілеріне және техникалық шақыруларға арналған моно екпіні. Сирек қолданылады, ол дизайн құралы "бұл машиналық шығыс" деп көрсеткісі келетін функция тізімдерінде және кірістірілген аннотацияларда пайда болады.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | орташа |
| Негізгі қадам | 8px |
| Түйме радиусы | 16px |
| Карта радиусы | 24px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 64px |
| Беттің ені | 1200px |
Жасанды интеллект сіздің веб-сайтыңызды Subframe стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- monopo saigon — Редакциялық тыныштықтың артындағы сұйық, жарқыраған жарқыл — балқытылған жарықта қалқып тұрған монохромды редакциялық галерея
- Hyer Aviation — Пергаменттің үстіндегі кабинадағы ымырт. Бозғылт таңғы аспан фюзеляж өлшеміндегі сериф логотипімен түйіседі, ал жылы саз балшықтан жасалған жалғыз екпін монохромды ұстамдылықты бұзады.
- OFF+BRAND. — Жылы пергаменттегі жарқыраған шар
- Seed — зертханалық әйнектің астындағы тірі организм
- Eindhoven Design District — Ақ қағаздағы редакциялық брутализм – бұл үлкен қаріппен, минималды фотосуреттермен және толық ұстамдылықпен орындалған муниципалдық дизайн манифесті.
- Miranda — Ашық крем түсті фондағы классикалық кең форматты шрифт — сандық дәуірге арналған газет редакциясы
- Monocle — Крем түсті қағазға басылған жоғары сапалы, кең форматты газет. Әрбір баған өз орнына лайық және бетте тек бір ғана мағыналы түс пайда болатын мұқият таңдалған редакциялық мақала.
- Agencja brandingowa — Ақ түстегі редакциялық галерея, қара сиямен жазылған типографиясы бар
- Websmith Studio — Крем қағазындағы таңғы жарық
- Aspelin Reitan — Candlelight арқылы жасалған сәулет мұрағаты - Бет жылы крем түсті қабырғаға бекітілген, әр суреттің үстінде парақтың толық ені бойынша бір жол ақ мәтін қалқып жүрген салынған кеңістіктер портфолиосына ұқсайды.
- Public — Суық мәрмәрге басылған монохромды редакциялық шығарма — дерлік монохромды кенеп, 300 нүктелі сериф қаріпі және бір күлгін екпіні бар, барлық түстермен жұмыс істейді.
- Motto — Қағаздағы типографиялық монолит – ақ қағазда өзін жариялайтын жалғыз, сенімді дауыс