Custo
Une galerie couleur canon de fusil avec une police de caractères monolithique. Un showroom aux tons gris-vert feutrés, où un unique objet sombre et une police de 57 px se suffisent à eux-mêmes.
Custo se présente comme une galerie de produits industriels: une toile métallique aux tons chauds sert de toile de fond au produit, tandis qu’une typographie grand format constitue l’ornement visuel principal. Le système est strictement achromatique – aucune couleur n’est utilisée – permettant ainsi à la teinte sombre des encadrés anodisés et à la gravité géométrique d’une unique police sans empattement de traduire toute la personnalité de la marque. Chaque écran équilibre un vaste espace blanc avec une affirmation typographique monumentale, le logo de la marque se répétant comme un élément quasi architectural. Les surfaces sont planes et mates; la profondeur est créée par la réflectivité même du produit, et non par des ombres ou des dégradés.
La mise en page est une structure verticale à une seule colonne, avec une largeur de contenu maximale d'environ 1280 px, centrée dans la fenêtre d'affichage. L'élément principal occupe toute la largeur de la page, rendu bord à bord en Canvas Gunmetal #9ea29f, avec une photo de boîte aux lettres centrée à droite et le logo CUSTO® de 57 px ancrant le bord inférieur. Sous l'élément principal, les sections alternent: un bloc de texte sur deux colonnes (légende courte à gauche, titre principal à droite), suivi d'une grille horizontale de trois fiches produits, puis de deux rangées de texte et d'images, le texte principal alternant de part et d'autre. Les gouttières entre les sections sont de 110 px, créant un espace vertical aéré. La navigation est une simple barre supérieure transparente qui s'estompe en blanc cassé au défilement. L'icône CES est un élément fixe flottant dans le coin inférieur droit. Le rythme général est celui d'une galerie: peu d'éléments dans chaque section, une police de grande taille, de larges espaces et une photo produit servant de ponctuation visuelle entre les blocs de texte.
Les images sont exclusivement des photographies du produit Custo, prises selon trois modes: portraits en pied devant le cadre métallique, photos d'ambiance illustrant l'utilisation de l'appareil et gros plans de l'interface de lecture et de l'anneau LED. Toutes les photographies sont réalisées dans des tons sobres et contrastés, la finition noire mate de la boîte aux lettres servant de point d'ancrage visuel. On n'y trouve ni illustrations, ni graphismes abstraits, ni photos libres de droits. Les photographies sont placées sur des supports de 8 px de rayon ou utilisées en plein écran derrière le logo de 57 px. L'icône du CES est la seule image multicolore de l'ensemble du site web.
Palette
Neutre
- Canvas Gunmetal
#9ea29f— Le fond gris-vert chaud des sections principales et thématiques distingue Custo des modèles SaaS blancs standard et évoque davantage le béton architectural qu'une surface numérique. - Obsidian
#000000— Texte courant, bordures fines, contours d'icônes: l'encre à contraste le plus élevé du système, utilisée pour les titres et les séparateurs structurels. - Paper White
#ffffff— Images de parties du corps en arrière-plan, texte inversé sur toile gris anthracite, texte sur fond sombre pour photographie de produits. - Anodized Graphite
#4b514d— La surface sombre utilisée pour les photos du produit, les titres supplémentaires et le texte en relief fait écho à la finition de la boîte aux lettres, de sorte que l'interface utilisateur et le produit sont fabriqués à partir du même matériau. - Brushed Steel
#8e9194— Le texte principal discret, les séparateurs de listes et les contours d'icônes supplémentaires se situent entre le blanc papier et l'obsidienne pour les métadonnées intégrées et les liens discrets. - Linen Mist
#a7aaad— La couleur claire de la bordure et des séparateurs pour les titres et les lignes de séparation est une teinte subtile qui ne rivalise jamais avec les lignes structurelles de la couleur Obsidienne.
Typographie
de 15 à 57 px · 5 étapes
- PP Neue Montreal — remplacement: Inter · grandes lignes 400 (Medium) · Un système typographique unique est utilisé pour tout, du texte courant aux textes explicatifs: l’uniformité géométrique du poids est la marque de fabrique, évitant l’utilisation de polices secondaires ou spécifiques à l’affichage, de sorte que le logo « CUSTO®» défini à 57 px est perçu comme appartenant à la même famille typographique que l’étiquette du champ de saisie du formulaire de 15 px.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | spacieux |
| Étape de base | 24px |
| Rayon du bouton | 31.35px (pill) for primary action; 8px for secondary |
| Rayon de la carte | 8px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 110px |
| Largeur de la page | 1280px |
L'IA construira votre site web dans le style Custo et le remplira.
- Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
- Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
- Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
- Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.
Styles similaires
- 099 SUPPLY — Un mur de galerie rempli d'objets en noir et blanc
- Specht Studio — Un mur de galerie empreint d'une curiosité discrète. La finition chromée propre au studio se compose d'une surface blanche et de lettres noires; le feu d'artifice visuel se concentre entièrement dans le carrelage du projet.
- Structured — Galerie Renaissance sur papier imitant la pâte à modeler
- Airbnb — Un mur de galerie blanc et paisible avec un seul marque-page rouge corail
- VSCO — Le mur monochrome de la galerie présente une exposition de photographies en noir et blanc, où un unique projecteur à la lumière chaude illumine l'action suivante.
- Apple (España) — La galerie du musée, baignée d'une douce lumière naturelle, est un espace blanc unique, captivant et immatériel, où chaque œuvre est éclairée par un projecteur sur un mur légèrement teinté.
- Peak Design — Mur de la galerie, partiellement éclairé
- Apple (España) — La vitrine de la galerie Obsidian est une salle d'exposition obscure où un unique objet en titane brille sur un fond d'un noir absolu.
- Apple (España) — Vitrine blanche pour galerie
- teenage engineering — Catalogue industriel d'éclairage de studio: le produit est le seul élément important de la page, et tout le reste est abordé autour de lui.
- Apple (España) — Une fenêtre de galerie dans le brouillard matinal
- Apple (España) — La galerie du White Museum à midi