Custo
Una galeria de color bronze amb una font monolítica. Una sala d'exposició en tons verdosos i grisos apagats, on un únic objecte fosc i una font de 57 px parlen per si sols.
Custo funciona com una galeria de productes industrials: una càlida tela metàl·lica serveix de teló de fons per al producte físic, mentre que la tipografia de gran format serveix com a principal embelliment visual. El sistema és estrictament acromàtic —sense colors cromàtics—, cosa que permet que la bústia anoditzada fosca i la gravetat geomètrica d'una única tipografia sans-serif transmetin tota la personalitat de la marca. Cada pantalla equilibra un ampli espai blanc amb una declaració tipogràfica monumental, amb la marca repetida com un element gairebé arquitectònic. Les superfícies són planes i mats; la profunditat es crea a través de la pròpia reflectivitat del producte, no a través d'ombres o degradats.
El disseny de la pàgina és una estructura d'una sola columna disposada verticalment amb una amplada màxima de contingut d'uns 1280 px, centrada dins de la finestra gràfica. L'element principal de la pàgina abasta tota l'amplada de la pàgina, renderitzat en Canvas Gunmetal #9ea29f de vora a vora, amb una foto d'una bústia centrada a la dreta i un logotip de CUSTO® de 57 px ancorant la vora inferior. A sota de l'element principal, les seccions s'alternen: un bloc de text de dues columnes (peu de pàgina petit a l'esquerra, títol gran a la dreta), seguit d'una quadrícula horitzontal de tres targetes d'imatges de producte, i després files de text i imatges de dues columnes, amb el text principal alternant a cada costat. Els marges entre seccions són de 110 px, creant un espai de respiració vertical significatiu. La navegació és una única barra superior transparent que s'esvaeix a Paper White a mesura que us desplaceu. La icona del CES és un element fix i flotant a la cantonada inferior dreta. El ritme general és similar a una galeria: pocs elements a cada secció, font gran, espais amplis i una foto del producte com a puntuació visual entre les tires de text.
Les imatges són purament fotografies de producte de la bústia Custo, fetes en tres modes: retrats de cos sencer contra el marc metàl·lic, fotos d'estil de vida que mostren la interacció humana amb el dispositiu i primers plans de la interfície d'escaneig i l'anell LED. Totes les fotografies estan executades en tons apagats i d'alt contrast, amb l'acabat negre mat de la bústia com a àncora visual. No hi ha il·lustracions, gràfics abstractes ni fotos de stock. Les fotografies es col·loquen en targetes de radi de 8 px o s'utilitzen a pantalla completa darrere del logotip de 57 px. La icona del CES és l'única imatge multicolor de tot el lloc web.
Paleta
Neutral
- Canvas Gunmetal
#9ea29f— El fons gris verdós càlid de les seccions principal i temàtica distingeix Custo de les plantilles SaaS blanques estàndard i sembla més formigó arquitectònic que una superfície digital. - Obsidian
#000000— Text del cos, vores primes, traços d'icona: la tinta amb el contrast més alt del sistema, utilitzada per a encapçalaments i divisors estructurals. - Paper White
#ffffff— Imatges de fons de parts del cos, text invertit sobre llenç de color bronze, text sobre fons fosc de fotografia de producte. - Anodized Graphite
#4b514d— La superfície fosca per a la fotografia del producte, els encapçalaments addicionals i el text tridimensional reflecteix l'acabat de la bústia, de manera que la interfície d'usuari i el producte estan fets del mateix material. - Brushed Steel
#8e9194— El text del cos es veu apagat, els divisors de llistes i els contorns d'icones addicionals es troben entre Paper White i Obsidian per a metadades incrustades i enllaços discrets. - Linen Mist
#a7aaad— El color clar de la vora i els separadors dels encapçalaments i les línies divisòries és un to subtil que mai no competeix amb les línies estructurals del color obsidiana.
Tipografia
de 15 a 57 px · 5 passos
- PP Neue Montreal — reemplaçament: Inter · esquemes 400 (Medium) · S'utilitza un sistema tipogràfic unifamiliar per a tot, des del text del cos fins al text explicatiu; la uniformitat geomètrica en el pes és el segell distintiu, evitant l'ús de fonts secundàries o específiques de la pantalla, de manera que la marca denominativa "CUSTO®" establerta a 57px es llegeix com a pertanyent a la mateixa família tipogràfica que l'etiqueta del camp d'entrada del formulari de 15px.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | espaiós |
| Pas bàsic | 24px |
| Radi del botó | 31.35px (pill) for primary action; 8px for secondary |
| Radi de la targeta | 8px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 110px |
| Amplada de la pàgina | 1280px |
La IA crearà el vostre lloc web a l'estil Custo i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- 099 SUPPLY — Una paret de galeria plena d'objectes en blanc i negre
- Specht Studio — Una paret de galeria plena de discreta curiositat. L'acabat cromat propi de l'estudi és una superfície blanca i lletres negres; els focs artificials visuals es concentren completament dins de les rajoles del projecte.
- Structured — Galeria renaixentista sobre paper semblant a la plastilina
- Airbnb — Una paret de galeria blanca i tranquil·la amb un únic punt de llibre vermell corall
- VSCO — La paret monocroma de la galeria és una exposició de fotografies en blanc i negre, on un únic focus càlid il·lumina l'acció següent.
- Apple (España) — La galeria del museu, a la llum suau del dia, és un espai blanc únic, captivador i sense pes, amb cada exposició il·luminada per un focus contra una paret lleugerament tintada.
- Peak Design — Galeria mural, parcialment il·luminada
- Apple (España) — La vitrina de la Galeria Obsidian és una sala d'exposicions fosca on un únic objecte de titani brilla sobre un fons negre com la nit.
- Apple (España) — vitrina de galeria blanca
- teenage engineering — Catàleg industrial en il·luminació d'estudi: el producte és l'únic objecte significatiu de la pàgina i tot el demés es discuteix al seu voltant
- Apple (España) — Una finestra de galeria a la boira del matí
- Apple (España) — La Galeria del Museu Blanc al migdia