Seline Analytics
Issiq qog'ozda jimgina analitik stol
Seline iliq tosh fonida (#fafaf9) bitta yorqin ko'k aksent bilan joylashtirilgan - boshqa barcha ranglar neytral va Tailwind tosh rang palitrasidan olingan. Sarlavhalar 400 og'irlikdagi va tor salbiy harflar oralig'i bilan maxsus ishlab chiqilgan geometrik sans-serif shriftida (roobert) tasvirlangan bo'lib, matnga odatda baland ovozli SaaS uslubiga zid bo'lgan bemalol, deyarli pichirlashga o'xshash ishonch bag'ishlaydi. UI sirtlari tekis oq kartochkalar bo'lib, iliq fon ustida bitta, yumshoq, 16 pikselli xiralik bilan suzib yuradi; chegaralar ingichka, 1 pikselli tosh rangli chiziqlar bilan yaratilgan bo'lib, og'ir ajratgichlar yoki panellar o'rniga asosiy strukturaviy element sifatida keng qo'llaniladi. Tartib nafas oladi: keng vertikal ritmga asoslangan to'liq kenglikdagi kontent, tabletka shaklidagi interaktiv boshqaruv elementlari, shaxsiyat uchun maskot illyustratsiyasi va mahsulot isboti sifatida boshqaruv paneli skrinshotlari bilan. Umumiy taassurot tahririy jihatdan analitik: xotirjam, monoxrom, o'ziga ishongan, ko'k chaqiriq esa hamma narsaning ataylab cheklanganligi tufayli sahifadagi eng ajoyib element hisoblanadi.
Sahifa maksimal kenglikda, taxminan 1200 piksel markazda joylashgan va vertikal bo'shliq ko'p. Qahramon ikki qatorli, chapga tekislangan matn bloki bo'lib, unda bitta, belgilangan ibora ("sodda va samarali") ko'k rangda, undan keyin ikkita harakatga chaqiriq (ko'k tabletka + arvoh tabletka) bo'lgan qator, keyin kulrang rangdagi hamkor logotiplari qatori, keyin ishonch reytinglari qatori va keyin keyingi qism bilan biroz ustma-ust tushadigan to'liq kenglikdagi suzuvchi boshqaruv paneli oldindan ko'rish ko'rinishi keltirilgan. Buklamaning pastki qismida bitta ustunli panjarada navbatma-navbat keltirilgan guvohlik satrlari, undan keyin xususiyatlar tavsifi, chapga tekislangan matn va mahsulot vizuallari markazlashtirilgan to'liq kenglikdagi bo'limlar joylashgan. Navigatsiya minimalist yuqori satr bo'lib, chapda logotip, markazda navigatsiya havolalari, o'ngda login + harakatga chaqiriq - navigatsiyaning o'rtasida shaxsni tasdiqlash vazifasini bajaradigan suzuvchi avatarlar klasteri mavjud. Bo'limlar orasidagi bo'shliqlar keng (96 piksel) bo'lib, zich ma'lumotlar to'plami emas, balki tahririyat ritmini yaratadi.
Vizual til mahsulotning foydalanuvchi interfeysining skrinshotlari bilan ustunlik qiladi — boshqaruv paneli oldindan ko'rish kulrang (1) (0.94) kontrast filtri bilan ko'rsatilgan fotosurat bo'lib, u ma'lumotlar ranglarini monoxrom rangga o'zgartiradi. Yagona inson figurasi chiziqli maskot stikeri (kapşonli belgi) bo'lib, u SVG uslubida faqat konturlar bilan chizilgan, analitik tarkibga o'ynoqi kontrapunkt sifatida har bir bo'limga bir marta joylashtirilgan, chuqurlik effektini yaratish uchun yumshoq soya bilan. Brend logotipi va gliflar kichik qora uchqunlar/olovlardir. Hech qanday fotosuratlar yo'q — turmush tarzi suratlari, jamoa fotosuratlari, atrof-muhit tasvirlari yo'q. Obyekt (boshqaruv paneli) bosh qahramon. Barcha dekorativ piktogrammalar #0c0a09 yoki #3ba6f1 da 1px kontur uslubida, hech qachon to'ldirilmaydi.
Palitra
Brend
- Cyan Signal
#3ba6f1— Asosiy harakatga chaqiriq, faol havolalar va brend piktogrammalarining konturi sahifadagi yagona rang aksentlari bo'lib, ular harakatga e'tiborni jalb qilish uchun kamdan-kam ishlatiladi. - Cyan Edge
#3398e1— Moviy rang harakat konturlarini, havola yorliqlarini va interaktiv elementlarni ta'kidlash uchun ishlatiladi. U harakatga chaqiruvlar uchun asosiy rang sifatida ishlatilmasligi kerak.
Neytral
- Ink Black
#0c0a09— Asosiy sarlavhalar, ta'kidlangan asosiy matn va ifodali piktogrammalar issiq, deyarli qora rangda. - Stone Canvas
#fafaf9— Sahifa foni iliq, kremsi tusda bo'lib, ekranning oq rangidan ko'ra qog'ozga o'xshaydi. - Pure White
#ffffff— Xarita sirtlari, chiqib turgan panellar va kiritish maydonlarini to'ldirish sukut bo'yicha tekis va soyasiz bo'ladi. - Stone Border
#e8e6e5— Kartalardagi yupqa chegaralar, navigatsiya va kiritish maydonlari ajratgichlar emas, balki asosiy strukturaviy element hisoblanadi. - Stone Muted
#d6d3d1— Qo'shimcha ramkalar, nozik fon soyalari, dekorativ bo'linmalar. - Ash Gray
#a8a29e— Yordam matni, belgi konturlari, o'chirilgan holatlar - o'qilishi mumkin, ammo faol emas.
Tipografiya
10 dan 52 pikselgacha · 5 qadam
- Roobert — almashtirish: Inter Tight or Satoshi · konturlar 400, 500 · Sarlavhalar va matn joylashuvi uchun shrift noyob geometrik sans-serif bo'lib, minimal manfiy harflar oralig'iga ega (32 pikselda -0.025em, 52 pikselda -0.021em). 400 x 52 piksel o'lchamdagi shrift uning o'ziga xos xususiyati hisoblanadi: noan'anaviy, nozik, ammo obro'li, ammo kamtarona. Sarlavhalar o'z o'rnini egallaydi, ammo haddan tashqari bo'lmaydi.
- Inter — almashtirish: Inter · konturlar 400, 500, 600 · Asosiy matn, navigatsiya, foydalanuvchi interfeysi va sarlavhalar uchun asosiy shrift barcha ekrandan tashqari matnlar uchun neytral, universal shriftdir. Asosiy matn uchun asosiy o'lcham 400 og'irlikda va 1,64 qator oralig'ida 14 piksel (chastota 1174). Kichik o'lchamlarda musbat harflar oralig'i (0,004em) zich foydalanuvchi interfeysining o'qilishini ta'minlaydi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | keng |
| Asosiy qadam | 8px |
| Tugma radiusi | 9999px |
| Karta radiusi | 10px |
| Soyalar | yumshoq soyalar |
| Bo'limlar orasida | 96px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Seline Analytics 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
- Mollie — Kaşmir hisoblagichi, qora daftar. Qora matn atrofida tahririyat dizayni uchun yetarli bo'sh joy qoldiring, so'ngra mahsulot bilan bog'liq fikrlarni iliq kremlar, espresso jigarranglari va haqiqiy to'lov usullarining taktil fotosuratlari bilan mustahkamlang.
- Kagi — Alohida o'qish xonasi. Qalin grafit matni atrofida ochiq oq joy yarating, xotirjamlikni buzish uchun nozik binafsha rangli aksentlar va iliq pastel sirtlardan foydalaning.
- Milanote — Milanote - bu maxsus ijodiy studiya. Suzuvchi vizual doskalardan foydalanib, tahririyat galereyasi uslubidagi sahifalarni yarating: qorong'u ramkali devorlar, oq displey maydoni va yumshoq chuqurlikka ega haqiqiy obyektlarga o'xshagan skrinshotlar.
- Co2 — Qishki yorug'likdagi iqlim atlasi. Serif sarlavhalari, kategoriya kodlangan ma'lumotlar va muzli tasvirlar keng oq chegaralarni ta'kidlaydigan havo hujjati landshaftiga o'xshash sahifalar yarating.
- GitButler — Matn oxirida firuza rang. Yuqori kontrastli serif sarlavhalarining nozik texnik panjaralar, iliq grafit yuzalar va yashirin firuza aksenti bilan uyg'unligi.
- ElevenLabs — Iliq krem tusli, nozik sarlavhali fotoinsho. Bauhaus uslubidagi daftar — tuxum qobig'i rangli qog'oz, qora siyoh va mahsulotni namoyish qilish uchun bitta binafsha va to'q sariq rangli aksent.
- Awesomic — Konfetini eslatuvchi to'q sariq tinish belgilari bilan bezatilgan rux to'ri
- Monad — Issiq pergamentdagi tahririyat texnik jurnali
- Dub — Linkning mat guruch qog'ozi boshqaruv paneli
- Notion — Peshin quyoshida iliq qog'oz daftar
- Anthropic — Issiq pergamentga oid ilmiy jurnal - tinch fil suyagi yuzalar, serifli tahririyat sarlavhalari va faqat harakat zarur bo'lganda paydo bo'ladigan bitta loy aksenti.
- Calendly — Sovuq marmar ustiga to'q ko'k siyoh