Creative Giants
Kremli kağız üzərində böyük formatlı redaksiya posteri
"Creative Giants" kodla işlənmiş böyük bir rəsm kitabı kimi görünür: isti, krem rəngli kətan, nazik haşiyələr və başlıqdan daha çox posterə bənzəyən böyük şrift. Bütün sistem mənfi boşluq və tək, yüngül ölçüdə (300) işləyir - başlıqlar qalın şriftlə seçilmək əvəzinə, 64-84 pikseldə çətinliklə eşidilir və hərflər arasındakı məsafə şrift ölçüsü artdıqca kəskin şəkildə azalır (-0.04em), buna görə də sözlər soyulmuş deyil, kəsikli görünür. Rəng sxemi kiçik, doymuş fırça zərbələri ilə paylanır: canlı bənövşəyi, tünd firuzəyi, açıq mavi, açıq çəhrayı, nanə və tünd göy fon doldurmaları əvəzinə kart səthləri və ya vurğular kimi görünür. İnteraktiv elementlər tam yuvarlaqlaşdırılmış (1440 piksel) radiuslu krem fonda qara formalardır, xrom elementlər isə demək olar ki, görünmür - tək dəyirmi loqo və "Menyu" düyməsi ağ boşluqda üzür. Vizual konsepsiya istehsal studiyasının əlaqə vərəqidir: bir böyük başlıq, bir tam enli foto, bir sakit metamətn sətri. Hər səhifə eyni lakonik üsluba uyğun olmalıdır.
Tam doldurulmuş səhifə düzeni: Maksimum enli konteyner yoxdur; məzmun səhifənin bütün enini sol və sağ tərəflərində bərabər haşiyələrlə tutur (mobil cihazlarda 16–32 piksel, masaüstü kompüterlərdə 32 piksel+). Əsas başlıq tək, böyük bir başlıqdır ("YARADICI NƏHƏNGLƏR" 84 pikseldə) və görünüş portalının təxminən 40%-ni tutur, dərhal ardınca aşağı sol küncdə meta etiketi və başlıq üst-üstə düşməsi olan tam doldurulmuş fotoşəkil gəlir. Bölmə ritmi monolitdir: hər yeni bölmə az miqdarda böyük hərflərlə yazılmış mətn və 48–64 piksel ağ boşluqla ayrılmış izahatla başlayır - bir tərs çevrilmiş Navy Ink vurğu kartı istisna olmaqla, alternativ tünd/açıq zolaqlar yoxdur. Məzmun sola düzülmüşdür; əsas başlıq istisna olmaqla, mərkəzləşdirilmiş bloklar yoxdur. Xəbərlər/iş nümunələri bölməsində sağda üzən ox bloku olan üç sütunlu kartlar şəbəkəsi istifadə olunur. Naviqasiya tək bir üst başlıq vasitəsilə - yan panel və ya başlığın özündən kənarda hər hansı bir lövbərlənmiş element olmadan həyata keçirilir. Ümumi tərtibat genişdir və redaksiya üslubuna uyğundur: hər bölmə nəfəs alır və ağ boşluq əsas struktur elementdir.
Redaksiya fotoqrafiyası dizaynda dominantlıq edir: şəkillər səhifənin bütün enini tutur, kəskin bucaqlar və üst-üstə düşmələr və ya yuvarlaq maskalar yoxdur. Stil sənədli və atmosferik - qırışmış əllər, ictimai instalyasiyalar və insanların təsadüfi çəkilişləri - səhnələşdirilmiş məhsul fotoqrafiyasından istifadə etmədən üstünlük təşkil edir. Şəkillər həmişə böyük miqyasda (tam enli baxış pəncərəsi və ya bütün kartı doldurmaqla) təqdim olunur, buna görə də dizayn vahidi istifadəçi interfeysi deyil, fotoşəkildir. İllüstrasiyalar, 3D modellər və ya məhsul maketləri yoxdur. İkonoqrafiya minimaldır: tək kiçik dairəvi loqo, karusel idarəetmələrində kontur şevronları və 1 piksel konturlu yüngül UI nişanları. Şəkil sıxlığı şəklin özü tərəfindən müəyyən edilir və mətn fotoşəkilin altında və ya üstündə gizli annotasiya təbəqəsi kimi xidmət edir.
Palitra
Brend
- Magenta Bloom
#8a0467— Çəhrayı rəng dekorativ detallar üçün ikinci dərəcəli vurğu və daha az istifadə olunan axtarış sorğularını vurğulamaq üçün istifadə olunur. Hərəkətə çağırış üçün əsas rəng kimi istifadə edilməməlidir. - Forest Teal
#03624c— Kart çərçivələri və dekorativ toxunuşlar üçün zəngin brend vurğu rəngi; iki rəngli görünüş üçün Magenta Bloom ilə uyğunlaşır.
Neytral
- Bone White
#fffef7— Səhifə kətan, karton səthlər və tünd vurğulardakı mətn təmiz #ffffff rəngini əvəz edən isti, kremli bir çalardır və bütün sistemə kağız kimi, çap olunmuş bir hiss verir. - Ink Black
#000000— Tünd rəng neytral mətni və ikonları tamamlayır və güclü kontrast yaradır. Hərəkətə çağırışlar üçün əsas rəng kimi istifadə etməkdən çəkinin. - Graphite
#666666— Əsas mətnin dominant olması üçün ikinci dərəcəli əsas mətn, başlıqlar, metaməlumatlar və dəstəkləyici mətn arxa plana keçir. - Ash
#aaaaaa— Giriş sahəsinin sərhədləri, qeyri-aktiv keçid rəngi, üçüncü dərəcəli ayırıcılar - lazım olmadıqda yoxa çıxan yumşaq struktur boz rəng. - Charcoal Scale
#4d4c4a— Siyahı sərhədləri üçün orta neytral, tünd qradiyent yolunda incə kontrast artırıcısı ilə - mavi-boz əvəzinə isti boz. - Powder Blue
#a5c8eb— Yumşaq rəng vurğusu — açıqca fonları, bulanıq fonlar, səssiz illüstrasiya doldurmaları — rəqabət yaratmadan isti fonu sərinlədir.
Tipoqrafiya
12-dən 84 pikselə qədər · 7 addım
- Switzer — əvəzetmə: Inter (300 · konturlar 300, 400 · Tək şrift sistemi: bütün ekran elementləri və başlıqları üçün 300 çəki (12–84 piksel), əsas mətn, metaməlumatlar və UI idarəetmələri üçün 400 çəki. Üstünlük verilən seçim 64–84 piksel ölçülərdə 300 çəki istifadə etməkdir — əksər sistemlər burada 700–800 qalın şriftdən istifadə edir; açıq rəngli Switzer şrifti nazik xətləri saxlayır və krem rəngli kətan üzərində hava fırçası ilə yazılmış şrift təəssüratı yaradır. Ölçü artdıqca daha sıx hərf aralığı (84 pikseldə -0.04em, 14 pikseldə -0.018em) seyrək bir hiss yaratmadan daxili boşluqları açıq saxlayır.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 8px |
| Düymə radiusu | 1440px |
| Kart radiusu | 0px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 64px |
Süni intellekt veb saytınızı Creative Giants üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- ElevenLabs — İsti krem tonlarında incə başlıqlarla yazılmış foto esse. Bauhaus üslubunda dəftər — yumurta qabığı rəngli kağız, qara mürəkkəb və məhsul nümayişi üçün tək bənövşəyi və narıncı vurğu.
- monopo saigon — Redaksiya sükutunun arxasındakı maye, göy qurşağı parıltısı — ərimiş işıqda üzən monoxrom redaksiya qalereyası
- Awesomic — Konfeti xatırladan narıncı durğu işarələri olan redaksiya sink tor
- Monad — isti perqament üzərində redaksiya texniki jurnalı
- Dub — Link-in mat düyü kağızı idarəetmə paneli
- Seline Analytics — İsti kağız üzərində sakit analitik masa
- Notion — Günorta günəşində isti kağız dəftər
- Hyer Aviation — Perqament üzərində kabinədə qaranlıq çökür. Solğun şəfəq səması gövdə ölçülü serif loqotipi ilə qarşılaşır və tək bir isti gil vurğu monoxrom təmkinini pozur.
- Anthropic — İsti perqament haqqında elmi sahə jurnalı - sakit fil sümüyü səthləri, serif redaksiya başlıqları və yalnız hərəkətə ehtiyac olduqda görünən tək bir gil vurğu.
- Calendly — Soyuq mərmər üzərində tünd mavi mürəkkəb
- Augen Pro — Apple-ın ağ təqdimatı monoxrom məkanda yeganə vurğu kimi klinik, çəkisiz, elektrik mavisinə malikdir.
- OFF+BRAND. — İsti perqament üzərində göy qurşağı kürə