Creative Giants
Krem qog'ozga yozilgan katta formatli tahririyat plakati
Creative Giants kodda ko'rsatilgan katta o'lchamli badiiy kitobga o'xshaydi: iliq, kremsi kanvas, yupqa hoshiyalar va shunchalik katta shriftki, sarlavhadan ko'ra plakatga o'xshaydi. Butun tizim salbiy bo'shliqda va bitta, yengil o'lchamda (300) ishlaydi — sarlavhalar qalin shriftda ajralib turish o'rniga 64–84 pikselda zo'rg'a eshitiladi va harflar oralig'i shrift hajmi kattalashgan sari keskin kamayadi (-0.04em), shuning uchun so'zlar tozalanmagan, balki kesilgan ko'rinadi. Rang sxemasi kichik, to'yingan cho'tka zarbalarida taqsimlangan: yorqin binafsha, chuqur firuza, och ko'k, och pushti, yalpiz va ko'k ranglar fonni to'ldirish o'rniga kartochka yuzalari yoki aksentlar sifatida ko'rinadi. Interaktiv elementlar krem fonda to'liq yumaloq (1440 piksel) radiusli qora shakllardir, xrom elementlari esa deyarli ko'rinmas — bitta yumaloq logotip va "Menyu" tugmasi oq bo'shliqda suzib yuradi. Vizual konsepsiya ishlab chiqarish studiyasining aloqa varag'idir: bitta ulkan sarlavha, bitta to'liq kenglikdagi fotosurat, bitta jim metamatn qatori. Boshqa har bir sahifa bir xil ixcham uslubda bo'lishi kerak.
To'liq to'ldirilgan sahifa tartibi: Maksimal kenglikdagi konteyner yo'q; kontent sahifaning butun kengligini chap va o'ng tomonda teng chegaralar bilan egallaydi (mobil qurilmalarda 16–32 piksel, ish stolida 32 piksel+). Asosiy sarlavha bitta, katta sarlavha ("CREATIVE GIANTS" 84 pikselda) bo'lib, ko'rish maydonining taxminan 40% ni egallaydi, undan so'ng darhol pastki chap burchakda meta teg va sarlavha ustki qismi bilan to'liq to'ldirilgan fotosurat keladi. Bo'lim ritmi monolit: har bir yangi bo'lim oz miqdordagi katta harflar bilan yozilgan nusxa va 48–64 piksel oq bo'shliq bilan ajratilgan tushuntirish bilan boshlanadi - bitta teskari Navy Ink urg'u kartasidan tashqari, qorong'u/yorug' chiziqlar o'zgarmaydi. Kontent chapga tekislangan; asosiy sarlavhadan tashqari markazlashtirilgan bloklar yo'q. Yangiliklar/amaliy tadqiqotlar bo'limi o'ng tomonda suzuvchi strelka bloki bo'lgan uch ustunli kartalar panjarasidan foydalanadi. Navigatsiya bitta yuqori sarlavha orqali amalga oshiriladi - yon panel yoki sarlavhaning o'zidan tashqari biron bir biriktirilgan elementlarsiz. Umumiy maket keng va tahririyat uslubiga mos keladi: har bir bo'lim nafas oladi va oq bo'shliq asosiy tarkibiy element hisoblanadi.
Dizaynda tahririyat fotosuratlari ustunlik qiladi: tasvirlar sahifaning butun kengligini egallaydi, o'tkir burchaklar bilan, ustma-ust tushishlar yoki yumaloq niqoblarsiz. Uslub hujjatli va atmosferaga moyil - ajinlangan qo'llar, ommaviy installyatsiyalar va odamlarning tasodifiy suratlari - hech qachon sahnalashtirilgan mahsulot fotosuratlaridan foydalanmasdan. Tasvirlar har doim katta miqyosda (to'liq kenglikdagi ko'rish maydoni yoki butun kartani to'ldirish) taqdim etiladi, shuning uchun dizayn birligi foydalanuvchi interfeysi emas, balki fotosuratdir. Hech qanday illyustratsiyalar, 3D modellar yoki mahsulot maketlari yo'q. Ikonografiya minimal: bitta kichik dumaloq logotip, karusel boshqaruvidagi kontur chevronlari va 1px konturli yengil UI piktogrammalari. Tasvir zichligi tasvirning o'zi tomonidan belgilanadi va matn fotosurat ostida yoki ustida yashirin izoh qatlami bo'lib xizmat qiladi.
Palitra
Brend
- Magenta Bloom
#8a0467— Pushti rang dekorativ detallar uchun ikkinchi darajali urg'u va kamroq ishlatiladigan qidiruv so'rovlarini ta'kidlash uchun ishlatiladi. U harakatga chaqirish uchun asosiy rang sifatida ishlatilmasligi kerak. - Forest Teal
#03624c— Karta ramkalari va dekorativ bezaklar uchun boy brend aksent rangi; ikki rangli ko'rinish uchun Magenta Bloom bilan birlashadi.
Neytral
- Bone White
#fffef7— Sahifa tuvali, karton yuzalar va to'q rangli aksentlardagi matn sof #ffffff o'rnini bosadigan va butun tizimga qog'ozga o'xshash, bosma tuyg'u beradigan iliq, kremsi tusdir. - Ink Black
#000000— To'q rang neytral matn va piktogrammalarni to'ldiradi va kuchli kontrast yaratadi. Uni harakatga chaqirish uchun asosiy rang sifatida ishlatmang. - Graphite
#666666— Asosiy matn ustunlik qilishi uchun ikkilamchi asosiy matn, sarlavhalar, metama'lumotlar va qo'llab-quvvatlovchi matn orqa fonga suriladi. - Ash
#aaaaaa— Kirish maydoni chegaralari, faol bo'lmagan havola rangi, uchinchi darajali ajratgichlar - kerak bo'lmaganda yo'qoladigan yumshoq strukturaviy kulrang rang. - Charcoal Scale
#4d4c4a— Roʻyxat chegaralari uchun oʻrtacha neytral, qorongʻu gradient yoʻlida nozik kontrast kuchaytirilgan - koʻk-kulrang oʻrniga issiq kulrang. - Powder Blue
#a5c8eb— Yumshoq rang aksenti — otkritka fonlari, xira fonlar, xira illyustratsiya to'ldirgichlari — raqobat yaratmasdan iliq fonni sovutadi.
Tipografiya
12 dan 84 pikselgacha · 7 qadam
- Switzer — almashtirish: Inter (300 · konturlar 300, 400 · Bitta shrift tizimi: barcha displey elementlari va sarlavhalari uchun 300 og'irlik (12–84 piksel), asosiy matn, metama'lumotlar va foydalanuvchi interfeysi boshqaruv elementlari uchun 400 og'irlik. Afzal ko'rilgan variant - 64–84 piksel o'lchamlarda 300 og'irlikdan foydalanish - aksariyat tizimlar bu yerda 700–800 qalin shriftdan foydalanadi; och rangli Switzer shrifti ingichka chiziqlarni saqlab qoladi, bu esa krem rangli kanvasda aerograf bilan yozilgandek taassurot qoldiradi. Hajmi kattalashgan sari harflar oralig'i torroq bo'ladi (84 pikselda -0.04em, 14 pikselda -0.018em), ichki bo'shliqlar siyrak tuyg'u yaratmasdan ochiq qoladi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | o'rtacha |
| Asosiy qadam | 8px |
| Tugma radiusi | 1440px |
| Karta radiusi | 0px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 64px |
Sun'iy intellekt veb-saytingizni Creative Giants 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
- Studio — Harakatdagi galereya devori. Har bir ekran tipografik materiallar va bir-birining ustiga chiqadigan ijodiy ishlar diqqat uchun raqobatlashadigan sokin, kulrang ko'rgazma yuzasini ifodalaydi.
- 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.
- Bajgart Office — Tahririyat galereyasi devori. Xrom qoplangan interfeys elementlariga qaraganda nozik serif shriftlar va portfel parchalari ko'proq vizual og'irlikka ega bo'lgan katta oq joydan foydalaning.
- Bejamas — Pijamalar — qora oyna orqali ohak rangidagi kislotali kiyimlar. Xira yashil yorug'lik chiziqlari sirtni kesib o'tadigan jozibali qora panellar bilan kesilgan sokin, och kulrang tahririyat sahifalarini yarating.
- 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.
- monopo saigon — Tahririyat sukunati ortidagi suyuq, kamalaksimon nur — erigan yorug'likda suzib yuruvchi monoxrom tahririyat galereyasi
- Awesomic — Konfetini eslatuvchi to'q sariq tinish belgilari bilan bezatilgan rux to'ri
- Monad — Issiq pergamentdagi tahririyat texnik jurnali