Letters
Ochiq havoda klinikada ertalabki uchrashuv — yumshoq ko'k shift ostidagi steril oq stol, jarrohlik ko'k asboblari bilan qoplangan
"Letters" - bu tibbiy xat yozish vositasi bo'lib, u gradientli ochiq osmon sarlavhasi bilan boshlanadi - yumshoq, atmosfera ko'k chiziq, bu esa tinch, klinik muhit yaratadi - keyin toza oq ish maydoniga o'tadi. Tizim monoxrom uslubda ishlab chiqilgan: toza oq kanvas, deyarli qora matn (#070709), to'q tabletka shaklidagi harakatga chaqiriqlar va eng nozik soyalarda suzib yuruvchi yumaloq kartalar. Bitta yorqin ko'k (#2597d0) funktsional tinish belgilari - piktogrammalar, mikrografikalar, to'lqin shaklidagi pleyerlar uchun ajratilgan - hech qachon tugmalar yoki katta to'ldirishlar uchun ishlatilmaydi. Tipografiyada katta ekran o'lchamlarida (80 pikselda -0.04em) agressiv salbiy harflar oralig'iga ega geometrik gumanistik sans-serif Open Runde ishlatiladi, bu sarlavhalarni ishonchli bloklarga siqib chiqaradi. Komponentlar tibbiy asbob kabi yengil his qiladi: yupqa ramkalar, keng karta oralig'i, tabletka shaklidagi tugmalar va osmon shaklidagi sarlavhaga hissiy ishni bajarishga imkon beradigan balandlikdan ehtiyotkorlik bilan foydalanish.
Osmon-ko'k gradientli bosh sahifa sahifaning butun kengligini qamrab oladi, markazlashtirilgan sarlavha va pastki matn, pastda esa harakatga chaqiruv tugmasi mavjud. U bo'limlar orasida keng oraliq (80-120 piksel) bo'lgan oq kontent maydoniga silliq o'tadi. Xususiyat bo'limlari teng nisbatdagi katta, yumaloq kartalardan (18-32 piksel radius) iborat ikki ustunli panjaradan foydalanadi. Bo'lim sarlavhalari har doim karta panjarasining ustidagi bitta ustunda markazlashtirilgan. Navigatsiya - bu markazlashtirilgan havolalar klasteri va o'ngga tekislangan kirish harakatlari bilan belgilangan oq yuqori satr. Umumiy ritm bitta, atmosfera asosiy chiziqdan iborat bo'lib, keyin oq va #f5f5f5 bo'limlari bir xil vertikal nafas olish maydoni bilan almashinadi. Yon panel, mega-menyu, assimetrik maketlar yo'q - sahifa tinch, simmetrik ustunga o'xshaydi.
Vizual dizayn deyarli butunlay mahsulotning foydalanuvchi interfeysiga qaratilgan — turmush tarzi fotosuratlari yo'q, mavhum 3D renderlar yo'q. Vizual til ilovaning asl interfeysini namoyish etuvchi mahsulot kartalari atrofida qurilgan: hujjatlarni "Oldin" va "Keyin" taqqoslash, nuqtali chegarali yuklash maydoni va to'lqin shaklidagi audio pleyer. Atmosferadagi yagona vizual element asosiy tasvirdagi osmon gradiyentidir. Piktogrammalar tekis, bir rangli #2597d0 chiziqli piktogrammalar (konvert, mikrofon, tasdiq belgisi) bo'lib, bir xil chiziq og'irliklariga ega, to'ldirilgan o'zgarishlarsiz. Tasvir uslubi cheklangan: mahsulot maketlari oq fonda ko'rsatiladi, chuqurlik yaratish uchun biroz aylantiriladi, hech qachon keskin qiyshaytirilmaydi. Qo'lda yozilgan shrift (The Doctor) - bu faqat "Oldin" kartasidagi klinik qo'lyozmani eslatish uchun ishlatiladigan yagona organik/qo'lda ishlangan element.
Palitra
Brend
- Surgical Blue
#2597d0— Belgilar, mikrofon belgisi, ovoz to'lqini pleyeri va kichik funktsional urg'ular interfeys bo'ylab bitta xromatik nota yaratadi.
Neytral
- Obsidian
#070709— Oq fonga nisbatan kontrastni yumshatish uchun sof #000 o'rniga asosiy matn, to'ldirilgan harakatga chaqiruv tugmalari va to'q rangli UI elementlari — deyarli qora rang tanlangan. - Paper White
#ffffff— Sahifa foni, karta yuzalari va tugma matni asosiy element ostidagi barcha bo'limlar uchun asosiy tuvaldir. - Cloud Gray
#f5f5f5— Qo'shimcha karta sirtlari va bo'lim fonlari funktsional bloklarni asosiy tuvaldan ajratib turadi. - Sky Tint
#d7e6f5— Karton ramkaning soyasi va sirtning deyarli sezilmaydigan ko'k rangi kulrang emas, balki atmosfera tuyg'usini yaratadi. - Charcoal
#60606c— Asosiy matn, ikkilamchi matn va o'chirilgan chegaralar - sarlavhasiz kontent uchun dominant neytral rang. - Slate
#8b8b8b— Kichik matn va nofaol chegara holatlari - joylashuvni ko'rsatish va nogironlar uchun qulaylikni ta'minlash uchun ishlatiladi.
Tipografiya
12 dan 80 pikselgacha · 8 qadam
- sans-serif — almashtirish: Inter · konturlar 400, 700 · sans-serif - olingan ma'lumotlarda topilgan, ammo AI tomonidan tavsiflanmagan.
- Open Runde — almashtirish: Inter Tight · konturlar 400, 500, 600, 700, 900 · Sarlavhalar va navigatsiya uchun asosiy shrift geometrik gumanist bo'lib, katta o'lchamlarda harflar orasidagi masofa tor; 80 pikselli -0.04em sarlavhani bitta, ishonchli blokga siqib chiqaradi. Barcha sarlavhalar, navigatsiya va katta matn uchun foydalaning.
- Inter — almashtirish: system-ui · konturlar 400, 500 · Ikkilamchi asosiy matn va foydalanuvchi interfeysi matni – kichik sarlavhalar, navigatsiya elementlari va neytral oʻqish ritmi talab qilinadigan ichki havolalar uchun ishlatiladi. Ierarxik kontrast yaratish uchun Open Runde bilan juftlashadi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 12-16px |
| Tugma radiusi | 100px |
| Karta radiusi | 18px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 80-120px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Letters 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
- Integrated Biosciences — yarim tunda biolyuminestsentsiya laboratoriyasi
- Mintlify — Shisha stol ustidagi bulutli bog'. Qo'lda chizilgan osmon va hujjatli film birgalikda ramkaga solingan - sahifa monastir oq rangga aylanishidan oldin rang va tushuncha to'qnashadigan yagona joy.
- Gleap — Issiq krem tuslarida va grafit aksentlari bilan bezatilgan ish maydoni - zig'ir matosi ustida qora siyoh nuqtalari suzib yuradigan studiya.
- Render — Dizayn cho'tka bilan qoplangan alyuminiydan qilingan. Interfeys toza, geometrik muhandislik hujjatiga o'xshaydi — oq bo'shliq, ingichka chiziqlar va harakatga e'tibor qaratadigan bitta binafsha chiziq.
- Grafbase — sovuq marmar ustida muhandislik chizmasi
- Slash — Yarim tunda zarhal daftarchalar bilan qoplangan ombor
- Modal — Qorong'i server xonasidagi fosforli terminal - yagona yorug'lik manbai yorqin yashil rang
- Whimsical — Lavanda fonida to'q olxo'ri siyoh — texnik oq doska vazifasini ham bajaradigan ijodiy studiya daftari.
- AgentQL — Kechasi terminal ustidagi shimoliy chiroqlar
- Alveos One — Daryo toshlaridan yasalgan shinam boshpana – sokin, kremsi yoritilgan meditatsiya xonasi, unda bitta grafit buyumi yumshoq kehribar nurda joylashgan.
- GitHub — Biolyuminestsent boshqaruv nuqtalariga ega kosmik boshqaruv paneli — qorong'u, atmosferali ish maydoni, bu yerda bitta yashil nur oldinga yo'lni ko'rsatadi.
- Buddy — Grafik qog'ozga muhandislik chizmasi. Oq chizma yuzasi deyarli qora siyohda qo'llanilgan, floresan-ohak-yashil belgilar va kamalaksimon gradient chiziqlari bilan zo'rg'a ko'rinadigan panjara bilan belgilangan.