Custo
O galerie de culoarea bronzului, cu un font monolitic. Un showroom în tonuri estompate de gri-verzui, unde un singur obiect întunecat și un font de 57px vorbesc de la sine.
Custo funcționează ca o galerie de produse industriale: o pânză metalică caldă servește drept fundal pentru produsul fizic, în timp ce tipografia de format mare servește drept principal ornament vizual. Sistemul este strict acromatic - fără culori cromatice - permițând cutiei poștale anodizate închise și gravității geometrice a unui singur font sans-serif să transmită întreaga personalitate a mărcii. Fiecare ecran echilibrează spațiul alb extins cu o declarație tipografică monumentală, marca mărcii repetată ca un element aproape arhitectural. Suprafețele sunt plate și mate; adâncimea este creată prin reflectivitatea proprie a produsului, nu prin umbre sau gradienți.
Aspectul paginii este o structură pe o singură coloană, aranjată vertical, cu o lățime maximă a conținutului de ~1280px, centrată în viewport. Elementul principal al paginii se întinde pe întreaga lățime a paginii, fiind redat în culoarea Canvas Gunmetal #9ea29f, de la o margine la alta, cu o fotografie a unei cutii poștale centrată în dreapta și un logo CUSTO® de 57px ancorând marginea inferioară. Sub elementul principal, secțiunile alternează: un bloc de text pe două coloane (legendă mică în stânga, titlu mare în dreapta), urmat de o grilă orizontală cu trei carduri cu imagini de produs, apoi rânduri pe două coloane de text și imagini, cu textul principal alternând pe ambele părți. Marginile dintre secțiuni au 110px, creând un spațiu de respirație vertical semnificativ. Navigarea este o singură bară superioară transparentă care se estompează în Paper White pe măsură ce derulați. Pictograma CES este un element fix, plutitor, în colțul din dreapta jos. Ritmul general este asemănător unei galerie: puține elemente în fiecare secțiune, font mare, spații largi și o fotografie a produsului ca punctuație vizuală între benzile de text.
Imaginile sunt exclusiv fotografii de produs ale cutiei poștale Custo, realizate în trei moduri: portrete în lungime întreagă pe rama metalică, fotografii de lifestyle care demonstrează interacțiunea umană cu dispozitivul și prim-planuri ale interfeței de scanare și ale inelului LED. Toate fotografiile sunt realizate în tonuri estompate, cu contrast ridicat, finisajul negru mat al cutiei poștale servind drept ancoră vizuală. Nu există ilustrații, grafică abstractă sau fotografii de stoc. Fotografiile sunt plasate pe carduri cu raza de 8px sau utilizate pe tot ecranul în spatele logo-ului de 57px. Pictograma CES este singura imagine multicoloră de pe întregul site web.
Paletă
Neutru
- Canvas Gunmetal
#9ea29f— Fundalul gri-verzui cald al secțiunilor principale și tematice distinge Custo de șabloanele SaaS albe standard și seamănă mai mult cu betonul arhitectural decât cu o suprafață digitală. - Obsidian
#000000— Textul corpului, chenarele subțiri, liniile de pictogramă - cerneala cu cel mai mare contrast din sistem, utilizată pentru titluri și separatoare structurale. - Paper White
#ffffff— Imagini de fundal cu părți ale corpului, text inversat pe pânză metalică, text pe fundal închis al fotografiei de produs. - Anodized Graphite
#4b514d— Suprafața întunecată pentru fotografiile produsului, titlurile suplimentare și textul tridimensional reflectă finisajul cutiei poștale, astfel încât interfața cu utilizatorul și produsul sunt fabricate din același material. - Brushed Steel
#8e9194— Textul discret, separatoarele de liste și contururile suplimentare ale pictogramelor se află între Paper White și Obsidian pentru metadate încorporate și linkuri discrete. - Linen Mist
#a7aaad— Culoarea deschisă a chenarului și a separatoarelor pentru titluri și linii de divizare este o nuanță subtilă care nu concurează niciodată cu liniile structurale ale culorii Obsidian.
Tipografie
de la 15 la 57px · 5 pași
- PP Neue Montreal — înlocuire: Inter · contururi 400 (Medium) · Un sistem tipografic unifamilial este utilizat pentru orice, de la corpul textului la textul explicativ - uniformitatea geometrică a grosimii este caracteristica principală, evitând utilizarea oricăror fonturi secundare sau specifice afișajului, astfel încât marca verbală „CUSTO®” setată la 57px este citită ca aparținând aceleiași familii tipografice ca și eticheta câmpului de introducere a formularului de 15px.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | spațios |
| Pasul de bază | 24px |
| Raza butonului | 31.35px (pill) for primary action; 8px for secondary |
| Raza cardului | 8px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 110px |
| Lățimea paginii | 1280px |
Inteligența artificială vă va construi site-ul web în stilul Custo și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- 099 SUPPLY — Un perete de galerie plin de obiecte alb-negru
- Specht Studio — Un perete galerie plin de o curiozitate discretă. Finisajul cromat propriu studioului este o suprafață albă și litere negre; artificiile vizuale sunt concentrate în întregime în gresia proiectului.
- Structured — Galerie renascentistă pe hârtie asemănătoare plastilinei
- Airbnb — Un perete alb liniștit al galeriei cu un singur semn de carte roșu coral
- VSCO — Peretele monocrom al galeriei este o expoziție de fotografii alb-negru, unde un singur reflector cald luminează acțiunea următoare.
- Apple (España) — Galeria muzeului, în lumina blândă a zilei, este un spațiu alb, unic, captivant, fără greutate, fiecare exponat fiind iluminat de un reflector pe un perete ușor nuanțat.
- Peak Design — Perete galerie, parțial iluminat
- Apple (España) — Vitrina Galeriei Obsidian este o sală de expoziție întunecată, unde un singur obiect din titan strălucește pe un fundal negru ca smoala.
- Apple (España) — vitrină albă pentru galerie
- teenage engineering — Catalog industrial în iluminatul de studio - produsul este singurul obiect semnificativ de pe pagină, iar orice altceva este discutat în jurul lui
- Apple (España) — O fereastră de galerie în ceața dimineții
- Apple (España) — Galeria Muzeului Alb la prânz