Custo
Galerio kun metalkolora monolita tiparo. Ekspoziciejo en mallaŭtaj grizverdaj tonoj, kie ununura malhela objekto kaj 57-rastruma tiparo parolas por si mem.
Custo funkcias kiel galerio de industriaj produktoj: varma metala kanvaso servas kiel fono por la fizika produkto, dum grandformata tipografio servas kiel la ĉefa vida plibeligo. La sistemo estas strikte akromata — neniuj kromataj koloroj — permesante al la malhela anodigita leterkesto kaj la geometria graveco de ununura sanserifa tiparo peri la tutan personecon de la marko. Ĉiu ekrano balancas vastan blankan spacon kun monumenta tipografia deklaro, kun la marko ripetata kiel preskaŭ arkitektura elemento. La surfacoj estas ebenaj kaj mataj; profundo estas kreita per la propra reflektiveco de la produkto, ne per ombroj aŭ gradientoj.
La paĝaranĝo estas vertikale aranĝita unu-kolumna strukturo kun maksimuma enhavlarĝo de ~1280 rastrumeroj, centrita ene de la vidfenestro. La ĉefa paĝelemento ampleksas la tutan larĝon de la paĝo, bildigita per rando-al-randa Canvas Gunmetal #9ea29f, kun foto de poŝtkesto centrita dekstre kaj 57-rastruma CUSTO®-emblemo ankranta la malsupran randon. Sub la ĉefa elemento, sekcioj alternas: du-kolumna teksta bloko (malgranda apudskribo maldekstre, granda titolo dekstre), sekvata de horizontala krado de tri produktaj bildkartoj, poste du-kolumnaj vicoj de teksto kaj bildoj, kun la ĉefa teksto alternanta ambaŭflanke. La defluiloj inter sekcioj estas 110 rastrumeroj, kreante signifan vertikalan spirspacon. La navigado estas ununura travidebla supra stango, kiu paliĝas al Paper White dum vi rulumas. La CES-ikono estas fiksa, ŝveba elemento en la malsupra dekstra angulo. La ĝenerala ritmo estas galerio-simila: malmultaj elementoj en ĉiu sekcio, granda tiparo, larĝaj spacoj, kaj produkta foto kiel vida interpunkcio inter tekstaj strioj.
La bildoj estas pure produktaj fotografioj de la poŝtkesto Custo, faritaj en tri reĝimoj: plenlongaj portretoj kontraŭ la metala kadro, vivstilaj fotoj montrantaj homan interagadon kun la aparato, kaj proksimaj bildoj de la skanada interfaco kaj LED-ringo. Ĉiuj fotoj estas faritaj en silentigitaj, alt-kontrastaj tonoj, kun la mata nigra finpoluro de la poŝtkesto servanta kiel vida ankro. Ne estas ilustraĵoj, abstraktaj grafikaĵoj aŭ arkivaj fotoj. La fotoj estas metitaj sur 8-pikselaj radiusaj kartoj aŭ uzataj plenekrane malantaŭ la 57-piksela emblemo. La CES-ikono estas la sola multkolora bildo en la tuta retejo.
Paletro
Neŭtrala
- Canvas Gunmetal
#9ea29f— La varma grizverda fono de la ĉefaj kaj temaj sekcioj distingas Custo-n de normaj blankaj SaaS-ŝablonoj kaj sentas sin pli kiel arkitektura betono ol cifereca surfaco. - Obsidian
#000000— Korpteksto, maldikaj randoj, ikonstrekoj - la plej altkontrasta inko en la sistemo, uzata por titoloj kaj strukturaj dividiloj. - Paper White
#ffffff— Fonbildoj de korpopartoj, inversa teksto sur pafmetalkolora kanvaso, teksto sur malhela fono de produkta fotografio. - Anodized Graphite
#4b514d— La malhela surfaco por produkta fotado, aldonaj titoloj kaj tridimensia teksto ripetas la finpoluron de la poŝtkesto, do la uzantinterfaco kaj la produkto estas faritaj el la sama materialo. - Brushed Steel
#8e9194— Subpremita korpteksto, listodividiloj, kaj aldonaj ikonkonturoj sidas inter Paper White kaj Obsidian por enigitaj metadatenoj kaj diskretaj ligiloj. - Linen Mist
#a7aaad— La hela koloro de la limo kaj dividiloj por titoloj kaj dividlinioj estas subtila nuanco, kiu neniam konkurencas kun la strukturaj linioj de la Obsidiana koloro.
Tipografio
de 15 ĝis 57 rastrumeroj · 5 paŝoj
- PP Neue Montreal — anstataŭaĵo: Inter · konturoj 400 (Medium) · Unufamilia preseraro estas uzata por ĉio, de la ĉefa teksto ĝis la klariga teksto — geometria homogeneco en pezo estas la ĉefa marko, evitante la uzon de iuj ajn duarangaj aŭ ekran-specifaj tiparoj, do la vortmarko 'CUSTO®' agordita je 57px estas legita kiel apartenanta al la sama preseraro-familio kiel la etikedo de la eniga kampo de la formularo kun 15px.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | vasta |
| Baza paŝo | 24px |
| Butona radiuso | 31.35px (pill) for primary action; 8px for secondary |
| Karto-radiuso | 8px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 110px |
| Paĝlarĝo | 1280px |
AI konstruos vian retejon laŭ la stilo de Custo kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- 099 SUPPLY — Galerio-muro plena de nigraj kaj blankaj objektoj
- Specht Studio — Galeria muro plena de diskreta scivolemo. La propra kroma finpoluro de la studio estas blanka surfaco kaj nigraj literoj; la vida artfajraĵo estas tute koncentrita en la kahelaraĵoj de la projekto.
- Structured — Renesanca galerio sur plastil-simila papero
- Airbnb — Trankvila blanka galerio-muro kun ununura koralruĝa legosigno
- VSCO — La monokromata muro de la galerio estas ekspozicio de nigrablankaj fotoj, kie ununura varma lumĵetilo lumigas la sekvan agon.
- Apple (España) — La muzeogalerio, en mola taglumo, estas ununura, alloga, senpeza blanka spaco, kun ĉiu ekspoziciaĵo lumigita per lumĵetilo kontraŭ malpeze nuancigita muro.
- Peak Design — Galeriomuro, parte lumigita
- Apple (España) — La ekspoziciejo de la Obsidian Gallery estas malhela ekspoziciejo, kie ununura titania objekto brilas kontraŭ nigra fono.
- Apple (España) — blanka galeria vitrino
- teenage engineering — Industria katalogo en studia lumigado - la produkto estas la sola signifa objekto sur la paĝo, kaj ĉio alia estas diskutita ĉirkaŭ ĝi
- Apple (España) — Galeriofenestro en la matena nebulo
- Apple (España) — La Blanka Muzeo-Galerio tagmeze