monopo saigon
Redaksiya sükutunun arxasındakı maye, göy qurşağı parıltısı — ərimiş işıqda üzən monoxrom redaksiya qalereyası
"Monopo Saigon" radikal monoxrom intizam altında işləyir: saf qara və ağ, incə boz tonlarla, səhifənin bütün enini əhatə edən kətanlarda nəfəs alan kimi görünən nəhəng Roobert şriftinin ətrafına sarılıb. Xüsusi kontrast ciddi redaksiya məhdudiyyətində (naviqasiya və mətn bağlantılarının kəskin bucaqları, bol ağ boşluq, 4 pikselə əsaslanan ritm) və tək ifadəli jestdə — şəkillərin üzərində maye kimi üzən 75 piksel radiuslu düymələrdədir. Əsas dizayn elementləri göy qurşağı rəngli, maye xromatik atmosferlərə doğru cazibədardır (yaşıl rənglər kəhrəba rənginə, sonra isə tünd qırmızıya çevrilir), interfeys özü isə heç vaxt tək bir rəng əldə etmir və maye işıq çayının üzərində üzən qara-ağ redaksiya qalereyası hissi yaradır. Şrift tonu müəyyən edir: 78 piksellik 300 sətirlik ağırlıq pıçıldayır, 225 piksellik 400 sətirlik ağırlıq baxış sahəsini doldurur və 11 piksellik 400 sətirlik ağırlıq hər şeyi inamla və minimal şəkildə müəyyən edir. Hərəkət ifadəli, lakin səbirli — 1.25 saniyəyə qədər uzanan kub-bezier (0.19, 1, 0.22, 1) təxəyyül əleyhinə əyrilər, transformasiya keçidləri elementlərin qəfil dayanmaq əvəzinə sürüşməsinə imkan verir.
Dizayn maksimum 1078 piksel enində mərkəzləşdirilib, qaranlıq sıçrayış bölmələri səhifənin bütün enini əhatə edir və konteynerdən kənara çıxır. Sıçrayış bölməsi bütün baxış sahəsini tutur: mərkəzləşdirilmiş, monumental başlıq (Uni ted, Unbound) parıldayan media məzmununun üzərində gəzir, minimalist naviqasiya yuxarıda üzür və tək fırlanan ikon aşağı solda yerləşir. Əsas nüsxə bölmələri geniş redaksiya ritmini izləyir - bölmələr arasındakı böyük 46 piksellik boşluqlar bloklar arasında nəfəs almaq üçün yer yaradır, ağ və tünd (ağ şriftlə qara) zolaqları növbələşdirir. Məzmun düzülüşü asimmetrikdir: solda/sağdakı şəkil və solda/sağdakı mətn növbələşir, sıçrayış bölməsinin xaricində mərkəzləşdirilmiş bloklar yoxdur. Kart şəbəkələri çoxsütunlu deyil, tək sütunlu layihə siyahıları kimi göstərilir - hər bir layihə öz şəkli və başlığı ilə tam enini tutur. Naviqasiya solda loqotipi, mərkəzdə lokalizasiyası və sağda menyusu olan şəffaf üst zolaqdan ibarətdir - daimi rəng dəyişiklikləri, kölgə yoxdur, sadəcə görünməz bir saxlama düyməsi. Səhifənin aşağı hissəsində gizli mətni olan kompakt üç sütunlu ünvan bloku (Tokio, Sayqon, London) yerləşir. Ümumilikdə, bu, rəqəmsal jurnalın redaksiya üslubudur.
Vizual görüntülər teatral və unikaldır: əsas ekranda nəhəng, göy qurşağı rəngli, axıcı tekstura üstünlük təşkil edir - kəhrəba və tünd qırmızı rəngdə həll olan üzvi yaşıl çalarlar, su üzərindəki yağ və ya əridilmiş şüşə kimi. Bu, bütün ekranı tutan atmosferik media məzmunu, bəlkə də kölgələndiricilərlə yaradılmış video və ya kətan kimi hiss olunur və təkrarlanan bir nümunə deyil, tək bir duyğu anı kimi qəbul edilir. Layihənin demolarında çərçivələr və ya haşiyələr olmadan təqdim olunan intim redaksiya fotoqrafiyasından (böyük miqyaslı məhsul çəkilişləri, reklam şəkilləri) istifadə olunur - şəkil məzmundur. Kiçik UI qliflərindən başqa heç bir illüstrasiya, heç bir nişan yoxdur, dekorativ formalar yoxdur. İkonoqrafiya minimaldır və ya yoxdur; fırlanan dairəvi mətn nişanı sistemin yeganə tipoqrafik bəzəyi kimi xidmət edir. Ümumi sıxlıq: mətn böyük ölçüdə tək bir vizual jestlə üstünlük təşkil edir, ardınca uzun, sakit redaksiya tipoqrafiyası və məhsul şəkilləri gəlir.
Palitra
Brend
- Iridescent Fade
#a02d25— Xromatik vurğu yalnız qradiyent keçidində görünür — göyqurşağı atmosferinin əsasını təşkil edən əridilmiş tünd qırmızı rəng interfeys idarəetmələrində istifadə edilmir.
Neytral
- Obsidian
#000000— Əsas mətn, SVG cızığı, əsas mətnin üzərinə doldurma - təmiz qara rəng bütün ön plan məlumatlarını və qrafik elementləri ehtiva edir. - Paper
#ffffff— Tünd səthlərdə açıq mətn, tərs çevrilmiş başlıqlar və yüksək kontrastlı başlıqlar. Hərəkətə çağırışlar üçün əsas rəng kimi açıq mətndən istifadə etməkdən çəkinin. - Inkstone
#181818— Altbilgidəki əsas mətn və əlavə başlıqlar uzun mətnləri oxumaq üçün səssiz qara rəngdədir. - Felt Gray
#6d6d6d— Köməkçi mətnlər, ünvan blokları, hüquqi mətnlər – tamamilə yox olmadan diqqətdən kənarda qalan sakit annotasiyalar. - Slate Pill
#636363— Düymənin neytral fonu Qəbul et kimi əməliyyatlar üçün istifadə edilən yeganə bütöv doldurmadır. - Ash Mist
#9a9a9a— Görmə qabiliyyəti zəif və ya kontrastı aşağı olan səthlər üçün neytral, orta tonlu bir rəng.
Tipoqrafiya
12-dən 225 pikselə qədər · 9 addım
- Roobert — əvəzetmə: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · konturlar 300, 400, 600 · Əsas şrift bütün interfeys mətnləri, naviqasiya, başlıqlar, əsas mətn, siyahılar və altbilgilər üçün istifadə olunur. Xüsusi dizayn edilmiş bu sans-serif şrifti həndəsi aydınlığı humanist istiliklə birləşdirir; geniş çəki diapazonu (300 Whisper-dən 600 Anchor-a qədər) monumental başlıqlardan qeydlərə qədər şriftin nəfəs almasına imkan verir.
- Raleway — əvəzetmə: Montserrat or Jost · konturlar 400 · Yalnız daha zərif, dar sans-serif şriftinin kontrast təmin etdiyi müəyyən başlıq kontekstlərində istifadə olunur - nadir hallarda daha cəsarətli Robert şriftinə kontrapunkt kimi istifadə olunur.
- system-ui — əvəzetmə: Inter · konturlar 400 · İnterfeys mikro etiketləri, kuki bannerinin əsas mətni, kiçik şrift - brauzerin standart ehtiyat seçimi, xüsusi şriftə ehtiyac olmadan ən kiçik detallarda oxunaqlılığı təmin edir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 14px |
| Düymə radiusu | 75px |
| Kart radiusu | 0px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 46px |
| Səhifə eni | 1078px |
Süni intellekt veb saytınızı monopo saigon ü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
- 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.
- OFF+BRAND. — İsti perqament üzərində göy qurşağı kürə
- Seed — laboratoriya şüşəsi altında canlı orqanizm
- Eindhoven Design District — Ağ kağız üzərində redaksiya qəddarlığı, minimal fotoqrafiya və mütləq təmkinlə, böyük şriftlə icra edilmiş bələdiyyə dizayn manifestidir.
- Subframe — İsti perqament üzərində qrafik rəsm. Hər vuruşun ya qrafit, ya da silgi olduğu dizayner kağızı heç vaxt rənglənmir — dərinlik xətt qalınlığı və seyrək seriflər vasitəsilə əldə edilir.
- Miranda — Açıq krem fonunda klassik geniş formatlı şrift — rəqəmsal dövr üçün qəzet redaksiyası
- Monocle — Krem rəngli kağız üzərində yüksək keyfiyyətli, geniş formatlı qəzet. Hər sütunun öz yerinə layiq olduğu və səhifədə yalnız bir mənalı rəngin göründüyü diqqətlə seçilmiş redaksiya məqaləsi.
- Agencja brandingowa — Ağ tonlarda, qara mürəkkəblə işlənmiş tipoqrafiya ilə redaksiya qalereyası
- Websmith Studio — Krem kağız üzərində səhər işığı
- Aspelin Reitan — Candlelight tərəfindən Memarlıq Arxivi - Səhifə, isti krem rəngli divara sancılmış, səhifənin bütün enində hər şəklin üstündə üzən tək bir sətir ağ mətnlə tikilmiş məkanlar portfelinə bənzəyir.
- Public — Soyuq mərmər üzərində monoxrom redaksiya əsəri — demək olar ki, monoxrom kətan, 300 punktluq serif şrift və tək bənövşəyi vurğu bütün rəng işlərini yerinə yetirir.
- Motto — Kağız üzərində tipoqrafik monolit – qar kimi ağ kağızda özünü elan edən tək, inamlı bir səs