
Custo
Una galeria di culore canna di fucile cù un carattere monoliticu. Una sala d'esposizione in toni grisgi-verdi tenui, induve un unicu oggettu scuru è un carattere 57px parlanu da soli.
Custo funziona cum'è una galeria di prudutti industriali: una tela metallica calda serve da sfondate per u pruduttu fisicu, mentre chì a tipografia di grande furmatu serve da abbellimentu visuale principale. U sistema hè strettamente acromaticu - senza culori cromatichi - chì permette à a cassetta di lettere anodizzata scura è à a gravità geometrica di un unicu carattere sans-serif di trasmette tutta a personalità di a marca. Ogni schermu equilibra un vastu spaziu biancu cù una dichjarazione tipografica monumentale, cù a marca ripetuta cum'è un elementu guasi architettonicu. E superfici sò piatte è opache; a prufundità hè creata attraversu a riflettività di u pruduttu, micca attraversu ombre o gradienti.
U layout di a pagina hè una struttura à una sola colonna disposta verticalmente cù una larghezza massima di cuntenutu di ~1280px, centrata in u viewport. L'elementu di a pagina principale si estende per tutta a larghezza di a pagina, resu in Canvas Gunmetal #9ea29f da bordu à bordu, cù una foto di una cassetta postale centrata à diritta è un logu CUSTO® di 57px chì ancora u bordu inferiore. Sottu à l'elementu principale, e sezioni si alternanu: un bloccu di testu à duie colonne (piccula didascalia à manca, grande titulu à diritta), seguitu da una griglia orizzontale di trè carte d'imagine di u produttu, poi file di testu è imagine à duie colonne, cù u testu principale chì si alterna da ogni latu. I gutter trà e sezioni sò di 110px, creendu un spaziu di respirazione verticale significativu. A navigazione hè una sola barra superiore trasparente chì sfuma in Paper White mentre scorri. L'icona CES hè un elementu fissu è flottante in l'angulu in fondu à diritta. U ritmu generale hè simile à una galleria: pochi elementi in ogni sezione, caratteri grandi, spazii larghi è una foto di u produttu cum'è punteggiatura visuale trà e strisce di testu.
L'imagine sò puramente fotografie di u pruduttu di a cassetta postale Custo, scattate in trè modi: ritratti à figura intera contr'à a struttura metallica, scatti di stile di vita chì mostranu l'interazzione umana cù u dispusitivu, è primi piani di l'interfaccia di scansione è di l'anellu LED. Tutte e fotografie sò eseguite in toni tenui è à altu cuntrastu, cù a finitura nera opaca di a cassetta postale chì serve da ancora visuale. Ùn ci sò illustrazioni, grafiche astratte o foto d'archiviu. E fotografie sò piazzate nantu à carte cù un raghju di 8px o aduprate à schermu pienu daretu à u logu di 57px. L'icona CES hè l'unica maghjina multicolore in tuttu u situ web.
Paletta
Neutru
- Canvas Gunmetal
#9ea29f— U fondu grisgiu-verde caldu di e sezzioni principali è tematiche distingue Custo da i mudelli SaaS bianchi standard è s'assumiglia più à u béton architettonicu chè à una superficia digitale. - Obsidian
#000000— Testu di u corpu, bordi fini, tratti d'icona - l'inchiostru cù u più altu cuntrastu in u sistema, adupratu per i tituli è i divisori strutturali. - Paper White
#ffffff— Imagine di fondu di e parte di u corpu, testu invertitu nantu à tela di canna di fucile, testu nantu à fondu scuru di a fotografia di u produttu. - Anodized Graphite
#4b514d— A superficia scura per a fotografia di u produttu, i tituli supplementari è u testu tridimensionale riecheggia a finitura di a cassetta postale, dunque l'interfaccia utente è u produttu sò fatti di u listessu materiale. - Brushed Steel
#8e9194— Un testu di corpu sottumessu, divisori di lista è contorni d'icone supplementari si trovanu trà Paper White è Obsidian per metadati integrati è ligami discreti. - Linen Mist
#a7aaad— U culore chjaru di a fruntiera è di i divisori per i tituli è e linee di divisione hè una tonalità suttile chì ùn cumpete mai cù e linee strutturali di u culore Obsidian.
Tipografia
da 15 à 57px · 5 passi
- PP Neue Montreal — rimpiazzamentu: Inter · contorni 400 (Medium) · Un sistema tipograficu à famiglia unica hè utilizatu per tuttu, da u corpu di u testu à u testu esplicativu - l'uniformità geometrica in u pesu hè a caratteristica principale, evitendu l'usu di qualsiasi caratteri secundarii o specifichi per a visualizazione, dunque u segnu di parola "CUSTO®" fissatu à 57px hè lettu cum'è appartenente à a listessa famiglia tipografica cum'è l'etichetta di u campu di input di u furmulariu di 15px.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | spaziosu |
| Passu basicu | 24px |
| Raggiu di u buttone | 31.35px (pill) for primary action; 8px for secondary |
| Raggiu di a carta | 8px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 110px |
| Larghezza di a pagina | 1280px |
L'IA custruisce u vostru situ web in stile Custo è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- 099 SUPPLY — Un muru di galleria pienu d'oggetti bianchi è neri
- Specht Studio — Un muru di galleria pienu di curiosità discreta. A finitura cromata di u studio hè una superficia bianca è lettere nere; i fuochi d'artificiu visuali sò interamente cuncintrati in e piastrelle di u prugettu.
- Structured — Galleria rinascimentale nantu à carta simile à a plastilina
- Airbnb — Un muru di galeria bianca tranquilla cù un unicu segnalibru rossu corallu
- VSCO — U muru monocromu di a galeria hè una mostra di fotografie in biancu è neru, induve un unicu riflettore caldu illumina l'azione seguente.
- Apple (España) — A galeria di u museu, in a dolce luce di u ghjornu, hè un unicu spaziu biancu accattivante è senza pesu, cù ogni mostra illuminata da un riflettore contr'à un muru ligeramente culuritu.
- Peak Design — Muru di a galeria, parzialmente illuminatu
- Apple (España) — A vetrina di a Galleria Obsidian hè una sala d'esposizione scura induve un unicu oggettu di titaniu brilla contr'à un fondu neru cum'è a pece.
- Apple (España) — vetrina bianca di a galeria
- teenage engineering — Catalogu industriale in illuminazione di studio - u pruduttu hè l'unicu ughjettu significativu nantu à a pagina, è tuttu u restu hè discussu intornu à ellu
- Apple (España) — Una finestra di galeria in a nebbia di a mattina
- Apple (España) — A Galleria di u Museu Biancu à meziornu