Superhuman
oltin soat tahririyat paneli
Superinson tahririyat fotosurati va dasturiy ta'minot interfeysi kesishmasida joylashgan — iliq, pergamentga o'xshash kanvas (hech qachon sof oq emas) to'q qizil brend elementlari va yorqin binafsha rangli aksentlarni ramkaga soladi. 460 shriftda joylashgan sarlavhalar baqirish o'rniga pichirlash o'rniga, to'liq sahifali kinematik fotosuratga og'ir yuk ko'tarish imkonini beradi, shaffof mahsulot interfeysi kartalari esa tasvirlar ustida shisha kabi suzib yuradi. Palitra ko'p vaqt davomida xotirjam va tahririyatga mos keladi: krem rangli yuzalar, ko'mir rangli matn, nozik issiq-kulrang chegaralar va elementlar orasidagi keng masofa, ranglar ataylab brend tinish belgilari uchun ajratilgan — bitta to'q qizil chaqiriq, binafsha havolalar, och binafsha rangli qo'shimcha tugma. Tizim ataylab interfeys sirtlarida kuchli soyalar va gradientlardan qochadi; Chuqurlikka qatlamli fotosurat va sarlavhadagi nozik fon xiralashuvi orqali erishiladi, ustma-ust qo'yish effekti orqali emas.
Asosiy element - bu markazlashtirilgan sarlavha (48-64 piksel/460) va sharob tasviri bilan to'ldirilgan bitta harakatga chaqiriqli to'liq kenglikdagi fotosurat, chap va o'ng qirralarida suzuvchi shaffof mahsulot UI kartalari joylashgan. Asosiy element ostida oq chiziqli logotip chizig'i (har bir qatorda 6 ta katakcha, maksimal kengligi cheklangan), keyin pergament kanvasida oq karton yuzalari bo'lgan yorliq qismi joylashgan. To'q firuza chiziq sahifaning uchdan ikki qismida ritmni buzadi - to'liq kenglikda, ikkita ustun (chapda rasm, o'ngda matn) - varaqlash paytida yagona tonal kontrastni yaratadi. Keyin gradient atmosfera chizig'i keladi. Bo'limlar orasidagi vertikal masofa 64-96 piksel. Maksimal kontent kengligi markazlashtirilgan ~1200 piksel, asosiy element va to'q chiziq ko'rish maydonining to'liq kengligini qamrab oladi. Navigatsiya - bu xira fonga ega bitta sobit sarlavha; yon panel yo'q, mega menyu yo'q. Pastki qism - bu havolalarning ko'p ustunli joylashuviga ega to'liq kenglikdagi bordo sahifasi. Umumiy ritm: asosiy kadr → sokin oq/krem rangdagi kontent → asosiy tasvirli to'q chiziq → atmosfera gradiyenti → bordo rangli pastki qism, tahririyat temposini yaratish uchun och va to'q chiziqlarni almashtirib turadi.
Asosiy vizual element kinematik fotografiyadir: ochiq osmon fonida to'liq kenglikdagi portret diqqat markazida bo'lib xizmat qiladi, ikkinchi atmosfera chizig'i sahifaning pastki qismida joylashgan. Tasvir iliq ohangda, nozik xiralashtirilgan va profilda suratga olingan, oltin soatni eslatadi, korporativdan ko'ra ko'proq tahririy tuyg'u yaratadi. Shaffof geometrik to'rtburchaklar va qo'lda yozilgan yozuvlar bilan qorong'u chiziq fikrga botgan odamning fotosurati ustiga qo'yilgan - bitta rasm emas, balki sirtlar kollaji. Foydalanuvchi interfeysi alohida skrinshotlar sifatida emas, balki to'g'ridan-to'g'ri fotosuratga qo'yilgan suzuvchi shisha kartonlar sifatida taqdim etiladi. Gradient atmosfera chizig'idan tashqari, stok rasmlari, 3D renderlar va mavhum dekorativ shakllar yo'q. Piktogrammalar minimalist monoxrom chiziqli piktogrammalar bo'lib, kengligi ~16-20 piksel, bitta kengligi 460 nuqtali matn og'irligiga mos keladi.
Palitra
Brend
- Midnight Wine
#421d24— Asosiy harakat tugmalari, reklama banneri va altbilgisi qizildan ko'ra siyohga o'xshash issiq, deyarli qora bordo rangi bo'lib, ranglar palitrasini haddan tashqari kuchaytirmasdan mustahkamlaydi. - Royal Violet
#714cb6— Binafsha rang havolalar, teglar va qisqa iboralarni ta'kidlash uchun ishlatiladi. U harakatga chaqiruvlar uchun asosiy rang sifatida ishlatilmasligi kerak.
Neytral
- Lilac Mist
#d4c7ff— Ikkilamchi sirt to'ldirgichi, yorug'lik piktogrammalari va arvoh tugmachalari fonlari brendning uslubiga ishora qiluvchi xira binafsha rangga ega bo'lib, o'ziga ortiqcha e'tibor qaratmaydi. - Deep Lagoon
#0c4243— Asosiy hikoya elementi sifatida ishlatiladigan chiziq uchun to'q fon tizimdagi yagona to'q sirt bo'lib, u geometrik naqsh bilan birlashtirilgan. - Warm Parchment
#f2f0eb— Sahifaning ishchi yuzasi dominant element hisoblanadi; oq rang asos sifatida iliq krem rang bilan almashtiriladi va butun tizimga tahririyat iliqligini bag'ishlaydi. - Soft Mist
#e3e3e2— Nozik chegaralar, kartochka konturlari, ajratuvchi chiziqlar — pergament bilan uyg'unlashgan, ammo qirralarini aniq belgilab beradigan issiq, och kulrang. - Ink Charcoal
#292827— Asosiy matn, sarlavhalar, belgi konturlari - qog'ozda siyoh kabi his qilish uchun yetarlicha jigarrang, deyarli qora rangda, hech qachon sovuq emas #000 - Stone Gray
#666666— Ikkilamchi asosiy matn, yordamchi matnlar, yashirin tavsiflar - asosiy matn bilan raqobatlashmaslik uchun kamdan-kam ishlatiladigan bitta o'rtacha kulrang shrift.
Tipografiya
12 dan 64 pikselgacha · 8 qadam
- Super Sans VF — almashtirish: Inter (closest open equivalent for variable weight range) · konturlar 460, 500, 540, 600, 700 · Butun tizimda bitta shrift. O'q o'zgaruvchilari 460 (barcha katta sarlavha matnlari uchun imzo, biroz qisqartirilgan shrift) dan 540 (ta'kidlangan asosiy matn) va 700 (kichik, qalin sarlavhalar) gacha bo'lgan diapazonni qamrab oladi. Maxsus ishlab chiqilgan VF 460 og'irlikdagi sarlavhalarni tasodifiy emas, balki ataylab qilingan ko'rinishga keltiradi - 48-64 piksel o'lchamda, harflar orasidagi tor oraliq bilan "biroz qisqartirilgan" effekt ingichka emas, balki ishonchli deb qabul qilinadi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 8px |
| Tugma radiusi | 16px |
| Karta radiusi | 16px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 64-96px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Superhuman 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
- AI for Business — Issiq kulrang tuslardagi shafqatsiz tahririyat ko'rgazma zali
- Jeton — Issiq marmar ustidagi fintech haqida tahririyat maqolasi
- Airtable — Turli ranglarda belgilangan boblar bilan shinam seminar
- Osmo — Kulrang beton ustidagi ishlab chiquvchilar muzeyi
- Linktr — Tahririyat plakatlari konfet kabi bir-biriga yopishib qolgan. Veb-sayt rangli bloklarda yaratilgan bo'lib, kobalt-ko'k devorlar fonida yorqin yashil sarlavhalar va bordo dalalari ustida oq tabletka shaklidagi navigatsiya elementlari joylashgan.
- Outsource Consultants — Suyak qog'ozga yozilgan katta formatli me'moriy varaq. Monografik estetika, unda bitta yorqin indigo dog'i iliq, tipografik jihatdan maksimalist panjarani buzadi.
- Streamtime — Taktil ijodiy kayfiyat taxtasi - Dizayner scrapbooking stoli
- Switch-Lit — Krem qog'ozga siyohda bosilgan tahririyat panjarasi
- HubSpot — Issiq krem rangli qog'oz, bitta to'q sariq rangli aksent bilan. HubSpot qalin qog'ozga bosilgan dizaynerlik jurnaliga o'xshaydi - serif sarlavhalar, issiq krem rangli sahifalar va faqat eng muhim fikrlarni ta'kidlaydigan bitta olovli to'q sariq rangli aksent.
- Granola — Issiq pergamentdagi dala yozuvlari — Granola quyosh nuri tushgan stolda ochilgan eskirgan Moleskine daftariga o'xshaydi: serif sarlavhalari mustahkamlik hissini beradi, o'simlik asosidagi siyoh kabi organik yashil aksentlar va kartalar chetlarida qo'lda yozilgan yozuvlarga o'xshash mayda chiziqlar.
- Secure — Yevropa kafesidagi yumshoq kunduzgi suhbat videoqo'ng'iroqlarning iliq va zamonaviy ko'rinishi bo'lib, unda serif sarlavhalari texnologik mahsulot sahifasi emas, balki o'ychan jurnal maqolasi kabi o'qiladi.
- Mockups made easy — Oq qog'ozda tahririyat dizayn studiyasi