Subframe
Расми графикӣ дар рӯи пергаменти гарм. Коғази дизайнерӣ, ки дар он ҳар як хати он ё графит ё резин аст, ҳеҷ гоҳ ранг карда намешавад — умқ тавассути ғафсии хат ва серифҳои пароканда ба даст меояд.
Зеркадр фазои кории тарроҳи монохром аст: канваси гарм ва қаймоқранг, ранги сиёҳи графитӣ ва набудани пурраи лаҳҷаҳои хроматикии хроматикӣ. Тамоми интерфейс ҳамчун як маводи ягона - коғаз, қалам ва соя - бо як ламси ҷасури типографӣ қабул карда мешавад: серифи тозашуда (Instrument Serif) дар муқобили санс-серифи системавӣ (Inter) ҷойгир карда шудааст, ки ба сарлавҳаҳо аҳамияти таҳрирӣ медиҳад. Сатҳҳо ҳамвор ва чорчӯбадоранд, на бардошташуда; умқ тавассути тақсимкунандагони тунук дар #e5e7eb ва равшанкунии дарунсохт дар идоракунии торик ба ҷои сояҳо ба даст оварда мешавад. Зичӣ фаровон аст: ритми амудии васеъ (48-64 пиксел фосила байни бахшҳо), тарҳбандии марказӣ ва паҳнои пурра ва фазои сафеди фаровон дар атрофи матн. Ягона ранг контрасти байни қариб сафед ва қариб сиёҳ аст, ки тугмаи торикро унсури ҷолибтарин дар ҳар саҳифа ва рахи логотипҳои бренди шарик бо оҳангҳои хокистарӣ ягона унсури визуалии ороишӣ мегардонад.
Тарҳбандиҳои марказӣ ва пурра паҳноӣ (1200 пиксел) бо ритми амудии фаровон. Унсури асосӣ як блоки ягона ва марказӣ аст: идоракунии торик ва сегментӣ дар боло, сарлавҳаи калони "Inter", зерсарлавҳаи яксатрӣ ва ду тугмаи ҳамшафат (пур + шаффоф) - бе тасвири паҳлӯӣ, бе тақсимоти тарҳ. Дар зери унсури асосӣ рахи логотипи хокистарранги марказӣ мавҷуд аст. Ҳар як бахши баъдӣ аз ҳамон нақша пайравӣ мекунад: унвон ва блоки зерсарлавҳаи ба чап ростшуда, сипас чаҳорчӯбаи намоиши маҳсулоти пурра паҳноӣ бо фосилаи 48-64 пиксел байни бахшҳо. Навигатсия минималист: сатри болоӣ бо истинодҳои марказӣ ва амалҳои ба рост ростшуда, бе панели паҳлӯӣ, бе мега-меню. Саҳифа аз боло то поён ҳамчун як силсила изҳороти марказӣ хонда мешавад, ки ҳар яки онҳо фазои кофӣ доранд - тарҳбандӣ бештар ба портфели таҳрирӣ монанд аст, на ба саҳифаи серкори маҳсулот.
Тарроҳии визуалӣ минималистӣ ва функсионалӣ аст. Система аз ду ҳолати визуалӣ истифода мебарад: (1) скриншотҳои маҳсулот бо чаҳорчӯба ва макетҳои UI, ки дар чаҳорчӯбаҳои радиусаш 24px ҷойгир шудаанд — онҳо ҷузъҳои воқеии интерфейс (ҷадвалҳо, тугмаҳо, шаклҳо)-ро, ки дар як палитраи монохромӣ инъикос ёфтаанд, нишон медиҳанд, ки скриншотҳо ба саҳифа бефосила муттаҳид карда шудаанд; (2) як рахи логотипҳои шарики хокистарранг ҳамчун исботи иҷтимоӣ хизмат мекунад, ки ҳамвор, бе ранг ё контейнер нишон дода шудааст. Аксҳои тарзи ҳаёт, градиентҳои абстрактӣ ё тасвирҳои сеченака вуҷуд надоранд. Ягона унсури тасвирӣ "плиткаи" маҳсулоти торик аст, ки дар заминаи гарми хокистарӣ бо нишонаи бренд ҷойгир шудааст — он ҳамчун намоиши маҳсулот қабул карда мешавад, на ҳамчун ороиш. Ҳама тасвирҳо як тарҳбандии матнӣ доранд, ки дар он вазни визуалӣ аз ҷониби матн интиқол дода мешавад.
Палитра
Бетараф
- 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 мм он намуди зебо ва курсивро эҷод мекунад, ки бо геометрияи саноатии Интер - як усули имзоӣ фарқ мекунад: як калима ё ибораи серифӣ дар дохили саҳифаи санс-сериф, ки ҳамчун аломатҳои пунктуатсионӣ ба ҷои услуби сарлавҳа хизмат мекунад.
- 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 — Монолити типографӣ дар рӯи коғаз - овози ягона ва боэътимоде, ки худро дар рӯи коғази сафеди барфӣ эълон мекунад