Subframe
Issiq pergamentga chizilgan grafik rasm. Har bir chiziq grafit yoki o'chirg'ich bo'lgan dizayner qog'ozi hech qachon bo'yalmaydi — chuqurlikka chiziq qalinligi va siyrak seriflar orqali erishiladi.
Subframe - bu monoxrom dizaynerning ish maydoni: iliq, kremsi kanvas, grafit-qora siyoh va xromatik aksentlarning to'liq yo'qligi. Butun interfeys bitta material - qog'oz, qalam va soya sifatida qabul qilinadi - bitta qalin tipografik teginish bilan: tizimli sans-serif (Inter) ga qarshi o'rnatilgan nafis serif (Instrument Serif), sarlavhalarga tahririyat jozibasini beradi. Sirtlar tekis va ko'tarilgan emas, balki ramkaga solingan; chuqurlikka #e5e7eb dagi yupqa bo'lgichlar va soyalar o'rniga qorong'u boshqaruv elementlariga qo'shilgan yoritgichlar orqali erishiladi. Zichlik saxovatli: keng vertikal ritm (bo'limlar orasidagi 48–64 piksel bo'shliqlar), markazlashtirilgan, to'liq kenglikdagi maketlar va matn atrofidagi keng bo'shliq. Yagona rang - bu deyarli oq va deyarli qora o'rtasidagi kontrast, bu esa qorong'u tugmani har bir sahifadagi eng yorqin elementga aylantiradi va kulrang tonlardagi hamkor brend logotiplari chizig'i yagona dekorativ vizual elementdir.
Markazlashtirilgan, to'liq kenglikdagi maketlar (1200 piksel), keng vertikal ritmga ega. Asosiy element bitta markazlashtirilgan blokdan iborat: yuqori qismida qorong'u, segmentlangan boshqaruv elementi, katta "Inter" sarlavhasi, bitta qatorli kichik sarlavha va ikkita qo'shni tugma (to'ldirilgan + shaffof) - yon rasm yo'q, maketning ajralishi yo'q. Asosiy element ostida markazlashtirilgan kulrang logotip chizig'i joylashgan. Keyingi har bir bo'lim bir xil naqshga amal qiladi: chapga tekislangan sarlavha va kichik sarlavha bloki, keyin bo'limlar orasida 48–64 pikselli novcha bo'shlig'i bo'lgan to'liq kenglikdagi mahsulot vitrini ramkasi. Navigatsiya minimal: markazlashtirilgan havolalar va o'ngga tekislangan harakatlar bilan yuqori panel, yon panel yo'q, mega-menyu yo'q. Sahifa yuqoridan pastga markazlashtirilgan bayonotlar seriyasi sifatida o'qiladi, har biriga yetarli joy berilgan - maket band mahsulot sahifasidan ko'ra ko'proq tahririyat portfeliga o'xshaydi.
Vizual dizayn minimalist va funktsionaldir. Tizim ikkita vizual rejimdan foydalanadi: (1) ramkaga solingan mahsulot skrinshotlari va 24 piksel radiusli freymlarga o'ralgan UI maketlari — ular bir xil monoxrom palitrada ko'rsatilgan haqiqiy interfeys komponentlarini (jadvallar, tugmalar, shakllar) namoyish etadi, bu esa skrinshotlarni sahifaga uzluksiz integratsiyalashgan ko'rinishga keltiradi; (2) kulrang rangli sherik logotiplarining bitta chizig'i ijtimoiy isbot vazifasini bajaradi, tekis, rangsiz yoki konteynersiz ko'rsatiladi. Turmush tarzi fotosuratlari, mavhum gradientlar yoki 3D renderlar yo'q. Yagona illyustrativ element — bu brend belgisi bo'lgan issiq kulrang fonda markazlashtirilgan qorong'u mahsulot "plitkasi" — u bezak sifatida emas, balki mahsulot namoyishi sifatida qabul qilinadi. Barcha tasvirlar matnga asoslangan maketni egallaydi, bu yerda vizual og'irlik matn tomonidan ko'tariladi.
Palitra
Neytral
- Page Canvas
#fafafa— Sahifa foni, tuvaldagi otkritka, qorong'u yuzalardagi och rangli matn - butun monoxrom tizimning asosini tashkil etuvchi issiq oq rang. - Hairline Border
#e5e7eb— Ajratgichlar, karta chegaralari, rasm ramkalari, piktogramma konturlari - tizimda eng ko'p ishlatiladigan kontur turi bo'lib, fazoviy tuzilishni belgilaydi. - Card Surface
#ededed— Kartalar uchun ko'tarilgan fon, qo'shimcha sirt - tuvaldan bir qadam yuqorida joylashgan bo'lib, soyalarsiz guruhlash hosil qiladi. - Divider Mid
#dadada— O'rta ton ajratgichlari va bo'limlar orasidagi o'tishlar - Graphite
#242424— Yengil sirtlardagi asosiy tugmalar uchun yuqori kontrastli neytral plomba. - Ink Black
#171717— Asosiy matn, sarlavhalar, ikonka konturlari - sirtlar o'rniga tipografiya uchun ishlatiladigan Grafitga qaraganda biroz ajoyibroq.
Tipografiya
12 dan 128 pikselgacha · 7 qadam
- Inter — almashtirish: Inter (Google Fonts) · konturlar 500, 600, 700 · Sans-serif tizim interfeysi — navigatsiya, asosiy matn, tugmalar, kichik sarlavhalar va bo'lim sarlavhalari. Og'irligi: asosiy matn va boshqaruv elementlari uchun 500, kichik sarlavhalar va navigatsiya urg'ulari uchun 600 va bo'lim sarlavhalari uchun 700. Kuchli salbiy harflar oralig'i har qanday o'lchamdagi geometrik shakllarni siqib chiqaradi va interfeysga ixcham, texnik ko'rinish beradi.
- Instrument Serif — almashtirish: Playfair Display · konturlar 400 · Faqat sarlavhalar va tahririyat kontenti uchun mo'ljallangan serif shrift. Uning 400 og'irligi va -0.025 em harflar oralig'i Inter sanoat geometriyasiga zid bo'lgan nafis, kursiv ko'rinishni yaratadi - bu o'ziga xos texnika: sans-serif sahifasidagi bitta serif so'z yoki ibora sarlavha uslubi o'rniga vizual tinish belgilari sifatida xizmat qiladi.
- Fragment Mono — almashtirish: JetBrains Mono · konturlar 400 · Ichki kodga o'xshash elementlar, teg yorliqlari va texnik chaqiruvlar uchun urg'u mono. Kamdan-kam hollarda, u dizayn vositasi "bu mashina chiqishi" ni ko'rsatmoqchi bo'lgan funksiyalar ro'yxatlari va ichki izohlarda paydo bo'ladi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | o'rtacha |
| Asosiy qadam | 8px |
| Tugma radiusi | 16px |
| Karta radiusi | 24px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 64px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Subframe uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- monopo saigon — Tahririyat sukunati ortidagi suyuq, kamalaksimon nur — erigan yorug'likda suzib yuruvchi monoxrom tahririyat galereyasi
- Hyer Aviation — Pergament ustida kabinada shom qorong'i. Och rangli tong osmoni fyuzelyaj o'lchamidagi serif logotipi bilan uchrashadi va bitta iliq loy aksenti monoxrom chegarani buzadi.
- OFF+BRAND. — Issiq pergamentdagi kamalaksimon shar
- Seed — laboratoriya oynasi ostidagi tirik organizm
- Eindhoven Design District — Oq qog'ozdagi tahririyat shafqatsizligi - bu katta shriftda, minimal fotosuratlar va mutlaq cheklov bilan bajarilgan shahar dizayn manifesti.
- Miranda — Och krem rangli fonda klassik keng formatli yozuv — raqamli davr uchun gazeta tahririyati
- Monocle — Krem rangli qog'ozda yuqori sifatli, keng formatli gazeta. Har bir ustun o'z o'rniga loyiq bo'lgan va sahifada faqat bitta mazmunli rang paydo bo'lgan puxta tanlangan tahririyat maqolasi.
- Agencja brandingowa — Oq tusdagi tahririyat galereyasi, qora siyohda tipografiya qilingan
- Websmith Studio — Krem qog'ozga tong yorug'ligi
- Aspelin Reitan — Candlelight tomonidan yaratilgan arxitektura arxivi - Sahifa issiq krem rangli devorga mahkamlangan qurilgan maydonlar portfeliga o'xshaydi, har bir rasm ustida sahifaning butun kengligi bo'ylab bitta qator oq matn suzib yuradi.
- Public — Sovuq marmarga monoxrom tahririyat asari — deyarli monoxrom kanvas, 300 punktli serif shrift va bitta binafsha aksent barcha ranglarni birlashtirgan.
- Motto — Qog'ozdagi tipografik monolit – o'zini qordek oppoq qog'ozda e'lon qiluvchi yagona, ishonchli ovoz