Custo
Monolit şriftli ýarag reňkli galereýa. Ýekeje garaňky obýekt we 57 piksel şrift özi üçin gürleýän çal-ýaşyl reňkli sergi zaly.
“Custo” senagat önümleriniň galereýasy hökmünde işleýär: ýyly metallik tuwal fiziki önüm üçin fon hökmünde hyzmat edýär, uly formatly tipografiýa bolsa esasy wizual bezeg hökmünde hyzmat edýär. Ulgam diňe achromatik reňklerden ybarat — chromatik reňkler ýok — garaňky anodlaşdyrylan hat gutusynyň we ýeke-täk sans-serif şriftiniň geometrik agramlylygynyň brendiň tutuş şahsyýetini görkezmegine mümkinçilik berýär. Her bir ekran giň ak giňişligi monumental tipografik beýan bilen deňleşdirýär, brend nyşany bolsa diýen ýaly binagärlik elementi hökmünde gaýtalanýar. Ýüzler tekiz we mat; çuňluk önümiň öz şöhlelendirijiligi arkaly döredilýär, kölegeler ýa-da gradientler arkaly däl.
Sahypanyň düzülişi, iň ýokary mazmun giňligi ~1280px bolan, görünüş meýdançasynyň merkezinde ýerleşýän dikligine ýerleşdirilen bir sütünli gurluşdyr. Esasy sahypa elementi sahypanyň tutuş giňligini öz içine alýar, gyradan gyra Canvas Gunmetal #9ea29f görnüşinde görkezilýär, sag tarapynda poçta gutusynyň suraty we aşaky gyrasynda 57px CUSTO® logotipi ýerleşýär. Esasy elementiň aşagynda bölümler gezekleşýär: iki sütünli tekst bloky (çepde kiçi ýazgy, sag tarapda uly at), soňra üç önüm surat kartlaryndan ybarat gorizontal setka, soňra iki sütünli tekst we suratlar hatary, esasy tekst iki tarapynda gezekleşýär. Bölümleriň arasyndaky naýbalar 110px bolup, uly dik dem alyş giňişligini döredýär. Nawigasiýa, aýlananyňyzda Kagyz Ak reňke öwrülýän ýeke-täk açyk ýokarky çyzykdyr. CES nyşany aşaky sag burçda üýtgemeýän, ýüzýän elementdir. Umumy ritm galereýa ýaly: her bölümde birnäçe element, uly şrift, giň boşluklar we tekst zolaklarynyň arasynda wizual punktuasiýa hökmünde önümiň suraty.
Suratlar diňe Custo poçta gutusynyň önüm fotosuraty bolup, üç usulda düşürilen: metal çarçuwanyň fonunda doly metrajly portretler, enjam bilen adamyň özara gatnaşygyny görkezýän durmuş suratlary we skanirleme interfeýsiniň we LED halkasynyň ýakyn planlary. Ähli suratlar sessiz, ýokary kontrastly tonlarda düşürilen, poçta gutusynyň mat gara reňki bolsa wizual esas hökmünde hyzmat edýär. Suratlarda suratlar, abstrakt grafika ýa-da stok suratlar ýok. Suratlar 8px radiusly kartoçkalara ýerleşdirilen ýa-da 57px logotipiniň arkasynda doly ekranda ulanylýar. CES nyşany tutuş web sahypasyndaky ýeke-täk köp reňkli suratdyr.
Palitra
Neýtral
- Canvas Gunmetal
#9ea29f— Esasy we tema bölümleriniň ýyly çal-ýaşyl fony Custo-ny standart ak SaaS şablonlaryndan tapawutlandyrýar we sanly ýüzden has köp binagärlik betonuna meňzeýär. - Obsidian
#000000— Esasy tekst, inçe çäkler, nyşan şekiljikleri - ulgamdaky iň ýokary kontrastly syýa, sözbaşylar we gurluş bölüjileri üçin ulanylýar. - Paper White
#ffffff— Bedeniň fon suratlary, tüpeňli matadaky tersine ýazylan tekst, önümiň suratlarynyň garaňky fonunda ýazylan tekst. - Anodized Graphite
#4b514d— Önümiň suratlary, goşmaça sözbaşylar we üç ölçegli tekst üçin garaňky ýüz poçta gutusynyň bezegini gaýtalaýar, şonuň üçin ulanyjy interfeýsi we önüm birmeňzeş materialdan ýasalýar. - Brushed Steel
#8e9194— Içerki metamaglumatlar we gizlin baglanyşyklar üçin aşak düşürilen esasy tekst, sanaw bölüjileri we goşmaça nyşan konturlary Paper White bilen Obsidian-yň arasynda ýerleşýär. - Linen Mist
#a7aaad— Sözbaşylar we bölüji çyzyklar üçin çäkleriň we bölüjileriň açyk reňki Obsidian reňkiniň gurluş çyzyklary bilen hiç haçan bäsleşmeýän inçe reňkdir.
Tipografiýa
15-den 57 piksele çenli · 5 ädim
- PP Neue Montreal — çalyşmak: Inter · konturlar 400 (Medium) · Esasy nusgadan düşündiriş tekstine çenli ähli zat üçin ýeke-täk maşgala tipografik ulgamy ulanylýar — agramyň geometrik birmeňzeşligi esasy alamat bolup, ikinji derejeli ýa-da displeý üçin niýetlenen şriftleriň ulanylmagyndan gaça durýar, şonuň üçin 57px ölçegli 'CUSTO®' söz belgisi 15px ölçegli forma giriş meýdanynyň belligi bilen birmeňzeş tipografik maşgala degişli hökmünde okalýar.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | giňişlik |
| Esasy ädim | 24px |
| Düwme radiusy | 31.35px (pill) for primary action; 8px for secondary |
| Kart radiusy | 8px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 110px |
| Sahypanyň giňligi | 1280px |
Süni intellekt web sahypaňyzy Custo stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- 099 SUPPLY — Gara we ak zatlar bilen doldurylan galereýa diwary
- Specht Studio — Galereýa diwary gizlin gyzyklanma bilen doldurylan. Studiýanyň öz hrom örtügi ak ýüzli we gara harply; wizual feýerwerkler taslamanyň kafel işlerine doly jemlenen.
- Structured — Plastilin ýaly kagyzda Renessans galereýasy
- Airbnb — Ýekeje mercan gyzyl reňkli ýazgyly sessiz ak galereýa diwary
- VSCO — Galereýanyň monohrom diwary gara we ak fotosuratlaryň sergisi bolup, onda ýekeje ýyly prožektor indiki hereketi ýagtylandyrýar.
- Apple (España) — Muzeý galereýasy ýumşak gün şöhlesinde ýeke-täk, özüne çekiji, agramsyz ak giňişlik bolup, her bir eksponat ýeňil reňkli diwaryň fonunda prožektor bilen ýagtylandyrylýar.
- Peak Design — Galereýa diwary, bölekleýin ýagtylandyrylan
- Apple (España) — Obsidian galereýasynyň sergisi garaňky sergi zalynda ýerleşýär, bu ýerde ýekeje titan obýekti garaňky fonda ýalpyldap durýar.
- Apple (España) — ak galereýa displeý gutusy
- teenage engineering — Studiýa yşyklandyryşynda senagat katalogy - önüm sahypadaky ýeke-täk möhüm obýektdir we galan ähli zatlar onuň töwereginde ara alnyp maslahatlaşylýar
- Apple (España) — Irdenki duman içinde galereýa penjiresi
- Apple (España) — Günortan Ak muzeý galereýasy