Wise
Ohaktosh tarangligi bilan qoplangan chuqur mox. Deyarli qora o'rmon tubida ohaktosh uchqunlari porlaydi va ulkan, burchakli shakllar har bir harakatni bildiradi.
Wise shrifti ishonchli, biroz baland ovozda gapiradi: chuqur o'rmon yashil rangi (#163300) sirt maydonining katta qismini — matn, navigatsiya, qorong'u qismlar, piktogrammalarni — egallaydi, bitta yorqin och yashil rang (#9fe870) esa harakatga chaqiruvlar, faol yorliqlar va asosiy elementlarda funktsional tinish belgilari sifatida xizmat qiladi. Shrift deyarli tajovuzkor: 900 chiziq og'irligidagi, zich joylashgan Wise Sans bosh ekranda katta harflar bilan (100px+) ajralib turadi. Tizimning qolgan qismi yumshoq kulrang yuzalarga ega oq-qora tuvalda (#e8ebe6) yashirin bo'lib qoladi. Komponentlar sukut bo'yicha tabletka shaklida bo'ladi — tugmalar, navigatsiya segmentlari, katakcha eskizlari, rasm niqoblari — kartalar va kiritish maydonlari uchun kichik radiuslar (10px) ajratilgan. Rang gradientlari kam uchraydi; buning o'rniga, salamandr va o'rmon yashil rangining kombinatsiyasi qismlar qoraygan sari silliq o'zgaradi va ortiqcha bezaksiz ritm yaratadi.
Maksimal kengligi 1200 piksel bo'lgan konteyner, markazlashtirilgan, yuqori va qorong'u qismi sahifaning butun kengligini qamrab oladi. Sarlavha maketida oq fonda ulkan, markazlashtirilgan sarlavha mavjud bo'lib, katta rasm (globus) ko'rish maydonining pastki chetidan tashqariga chiqadi. Bo'lim ritmi oq, och yashil va "o'rmon siyohidagi" qorong'u qism o'rtasida almashinib turadi, bu esa tabiiy rang ritmini yaratadi. Kontent maket asosan markazlashtirilgan: yuqoridagi ikkita ustunda matn va tasvirlar bloklari yoki ikkilamchi bo'limlarda uchta ustunda asosiy elementlarga ega qatorlar. Mamlakatlar ro'yxatini ko'rsatish uchun bayroqli besh ustunli panjara ishlatiladi. Navigatsiya segmentlangan almashtirish tugmasi bo'lgan bitta, o'rnatilgan yuqori paneldir. QR kod barcha aylantirish pozitsiyalarida pastki o'ng burchakda o'zgarmas qoladi.
Oltin tangalar bilan globus tasvirlangan 3D illyustratsiyalar brendning vizual dunyosini yaratadi — sezgir, biroz syurreal, yumshoq qradiyentlar va iliq yorug'lik bilan ishlangan. Fotografiya minimalist; ishlatilganda u yuqori darajadagi va tasodifiydir. Davlat bayroqlari besh ustunli panjara ichida dumaloq eskizlar sifatida taqdim etiladi — yagona "ramziy" tizim milliy o'ziga xoslikdir. Mavhum grafik elementlar yo'q, standart shablonlar yo'q. Globus va tangalar maskotning takrorlanuvchi motivi bo'lib, montaj o'rniga bitta, iliq, optimistik obyekt orqali global miqyosni bildiradi.
Palitra
Brend
- Forest Ink
#163300— Brendning dominant qorong'u uslubi — navigatsiya matni, qorong'u qism fonlari, yorug' yuzalardagi asosiy matn, piktogramma konturlari va to'ldirilgan navigatsiya elementlari — uning kuchini belgilaydi: qayerda og'irlik yoki vakolat talab qilinsa, siz Forest Ink ni tanlaysiz. - Lime Voltage
#9fe870— Yashil rang dekorativ detallar uchun ikkinchi darajali urg'u va kamroq ishlatiladigan qidiruv so'rovlarini ta'kidlash uchun ishlatiladi. U harakatga chaqiruvlar uchun asosiy rang sifatida ishlatilmasligi kerak. - Spruce
#054d28— Ikkilamchi to'q yashil rang karta sirtlari, kichik ikonografiya va Forest Ink juda to'yingan qorong'u joylarga chuqurlik qo'shish uchun ishlatiladi.
Neytral
- Linen Mist
#e2f6d5— Sirtlardagi yumshoq yoritgichlar, rangli karta fonlari va navigatsiya panellaridagi hover holati uchun och yashil rang. Maxfiy konteyner dizayni elementlari uchun o'ziga xos yashil rangning nozik rangi. - Signal Blue
#0b4c72— Moviy rang dekorativ detallar uchun qo'shimcha aksent bo'lib xizmat qiladi va past chastotalarni ta'kidlaydi. - Alarm Red
#cb272f— Qizil rang dekorativ detallar uchun qo'llab-quvvatlovchi aksent bo'lib xizmat qiladi va noyob ranglarni ta'kidlaydi. Uni holat rangi sifatida emas, balki qo'llab-quvvatlovchi aksent sifatida foydalaning. - Charcoal
#454745— Asosiy matn, asosiy matn, boy foydalanuvchi interfeysi - oq fonda sof #000 dan yumshoqroq tuyuladigan biroz iliq qora rang. - Obsidian
#0e0f0c— Sarlavhalar, yuqori kontrastli sarlavhalar, navigatsiya va asosiy menyuda sof qora elementlar. Neytral kulrang emas, balki ozgina yashil tusli qora. - Pebble
#868685— Ikkilamchi matn, to'ldiruvchi matn, belgi konturlari va kiritish maydon chegaralari bo'shashgan. O'rtacha kulrang, uzoqqa chekinmoqda.
Tipografiya
12 dan 105 pikselgacha · 10 qadam
- Inter — almashtirish: Inter (native Google Fonts) · konturlar 400,500,600,700 · Mahsulot bo'ylab asosiy matn, foydalanuvchi interfeysi, sarlavhalar va kichik sarlavhalar. O'rta darajadagi sarlavhalar (36–45 piksel) uchun 700 og'irlikdagi shrift, kichik sarlavhalar va sarlavhalar uchun 500–600 va asosiy matn va sarlavhalar uchun 400 og'irlikdagi shrift ishlatiladi. Inter nozikroq ko'rinishni ta'minlaydi, Wise Sans esa yanada dadilroq ko'rinishni ta'minlaydi.
- Wise Sans — almashtirish: Inter Black (900) with -0.04em tracking · konturlar 900 · Sarlavhalar brendning tashrif qog'ozidir. 89–105 piksel o'lchamdagi va harflar orasidagi tor intervalli juda zich 900 shrift har bir sarlavhani qalin, qalin reklamaga aylantiradi. Ular kamdan-kam hollarda ishlatiladi: asosiy matn sifatida, bo'lim sarlavhalari uchun va kampaniyaning asosiy jihatlari uchun.
- monospace — almashtirish: Inter · konturlar 400 · bir masofali - olingan ma'lumotlarda topilgan, ammo AI tomonidan tavsiflanmagan.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 8-12px |
| Tugma radiusi | 9999px |
| Karta radiusi | 10px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 64-80px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Wise 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
- Huly — Yarim tun rasadxonasidagi shimoliy yogʻdular – bosh qahramon binafsha rangning marjonga aylanib borayotgan vertikal nuri boʻlib, uning ostidagi har bir sokin qism bir xil ikki rangli hikoyani yanada pastroq ohangda hikoya qiladi.
- Dia Browser — Qorong'u xonadagi galereya maydoni tahririyat gazetasi bilan uyg'unlashadi. Qorong'u manzarada quyosh nuri tushgan gazeta varag'i ko'rinadi, har bir bo'lim bitta serif sarlavha bilan belgilangan.
- 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.
- ClickUp — Oq marmar ustidagi kuchli boshqaruv paneli. Sahifa unumdorlik vositasi uchun mahsulot broshyurasidir, shuning uchun vizual til mahsulotning o'zidan olingan: zich ro'yxatlar, holat ko'rsatkichlari, avatarlar guruhlari va displeyda mahsulot spetsifikatsiyasiga o'xshash qalin tipografik bayonotlar.
- monday — Pastel stikerlar bilan oq ustaxona
- Portal — Twilight Serif tahririyati - iOS uslubida ishlab chiqilgan mustaqil jurnalda premium nashr
- Slack — Sahna baqlajon rangida, oq yorug'lik chiroqlari bilan bezatilgan. Qorong'u joylarda to'q olxo'ri rangi hukmronlik qiladi, oq rangdagi tuval esa katta, avangard asarlarga erkin nafas olish imkonini beradi.
- Base44 — Quyosh nuri tushgan, ohak markerli daftar
- Letters — Ochiq havoda klinikada ertalabki uchrashuv — yumshoq ko'k shift ostidagi steril oq stol, jarrohlik ko'k asboblari bilan qoplangan
- Duolingo — Qalin chiziqli yashil o'yin maydonchasi