Slush
univers gonflable d'autocollants sur papier pastel
Slush fonctionne comme un album d'autocollants: une toile de papier pastel, d'immenses rubans bleu vif et une myriade d'autocollants colorés éparpillés comme des confettis. La police de caractères, grande et condensée (Latéral 800 x 200–640 px, interligne 0,75–0,80), transforme les mots en objets sculpturaux plutôt qu'en phrases. Six couleurs riches et emblématiques servent de palette générale pour les autocollants: chaque couleur apparaît sous forme d'autocollant plein, de surface de carte ou de calque décoratif, jamais comme un accent discret. Les éléments sont légèrement arrondis (20–40 px sur les cartes, en forme de pilule pour la navigation) et soulignés de noir pour un effet artisanal. Le résultat évoque moins une page d'accueil de fintech qu'un collage physique épinglé sur un mur clair.
La mise en page présente une page défilante pleine largeur, sans barre latérale ni conteneur permanent. Le texte défilant et la navigation minimaliste en haut de page (logo à gauche, barre de navigation au centre, bouton d'appel à l'action à droite) restent en haut. Chaque section est une bande de couleur pleine largeur (#dceeff → #ffffff → #cccccc) avec un texte latéral agrandi, centré ou aligné à gauche, encadré par des rubans bleus en 3D. La mise en page du contenu est volontairement libre et de type collage, plutôt que structurée en grille: des stickers se superposent au texte, des rubans se croisent derrière le texte et une carte QR est positionnée de manière excentrée dans une section secondaire. L'espacement vertical est assez important (48 px entre les sections), mais la composition horizontale est volontairement asymétrique. La page se lit de haut en bas comme trois grandes bandes de couleur, chacune étant une affiche indépendante.
L'identité visuelle est dominée par des rubans bleus en trois dimensions: un motif unifié de la marque, composé de formes tubulaires granuleuses et gonflables d'un bleu électrique qui enveloppent ou masquent le texte des titres de chaque section. Des autocollants décoratifs en deux dimensions (une fusée, une pièce d'or, une coche verte, un portefeuille violet) flottent autour des titres comme des découpages en papier épinglés sur un tableau, chacun avec un contour noir (1 px). Aucune photographie n'est présente. Il n'y a pas de grilles d'illustration traditionnelles: tout est collé et agencé de manière asymétrique. Les rubans en trois dimensions créent l'atmosphère principale; les autocollants ajoutent une touche ludique; le reste est composé de typographie et de couleurs.
Palette
Marque
- Electric Blue
#4da2ff— La couleur dominante de la marque — sculptures de rubans épais, fonds d'images, motifs flous sur les cartes — est une signature visuelle qui sert de base à chaque écran.
Neutre
- Carbon
#000000— Le texte principal, les cadres des cartes, le fond rempli pour l'appel à l'action et le logo créent l'effet d'un contour d'autocollant découpé à la main sur des surfaces pastel. - Paper White
#ffffff— Page en toile, surfaces en carton, contour de bouton rempli, texte sur fond sombre. - Sky Wash
#dceeff— Fond de la section principale, fond bleu clair pastel. - Concrete Gray
#cccccc— Fond de la section secondaire, surface intermédiaire neutre - Soft Mist
#e9e9e9— Couleurs subtiles des boutons et de la surface, états désactivés - Mint Pop
#55db9c— Un fond vert met en valeur l'arrière-plan, des rayures décoratives et un léger accent derrière le contenu.
Typographie
de 12 à 640 px · 7 étapes
- Lateral — remplacement: Druk · grandes lignes 800 · Seuls les titres — le logo « SLUSH» et les bannières de section comme « ALL THINGS SUI» — sont affichés dans une police de 200 à 640 px avec un interligne réduit de 0,75 à 0,80, ce qui donne aux lettres l’apparence de blocs sculptés. Cette méthode d’affichage est atypique: aucun autre site web n’utilise une police de 800 points avec un interligne inférieur à 0,85, et cet effet confère au texte l’aspect d’un objet physique enveloppé de rubans tridimensionnels.
- Aeonik Pro — remplacement: Inter · grandes lignes 500, 700 · L'interface utilisateur complète, incluant le texte courant, la navigation, les boutons et les sous-titres, utilise une police de 500 pour le texte courant et les métadonnées (12–16 px), de 700 pour les sous-titres et les libellés de navigation (24–30 px), et un incrément de 64 px pour les grands titres secondaires. Un interlignage réduit (-0,010 em) diminue la largeur du texte courant (14–16 px); un léger agrandissement (0,030–0,032 em) des libellés et boutons de navigation crée un espace vide autour des commandes.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | dense |
| Étape de base | 4-12px |
| Rayon du bouton | 1600px |
| Rayon de la carte | 20px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 48px |
| Largeur de la page | 1440px |
L'IA construira votre site web dans le style Slush 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
- Cursor — Un atelier de parchemin chaleureux, éclairé par des braises incandescentes.
- MindMarket — Un livre de contes de fées douillet sur papier crème – une toile éditoriale conviviale où de grands titres d'Inter et des personnages en papier découpé coexistent sur une surface douce comme un autocollant, baignée de soleil.
- Shop — Une constellation marchande flottante sur du marbre blanc
- Airbnb — Un mur de galerie blanc et paisible avec un seul marque-page rouge corail
- Superr — Un cahier d'écolier aux tons chauds, baigné par la douce lumière de l'après-midi. Une page couleur crème, un feutre orange sans capuchon et une pile d'étiquettes plastifiées avec nom, prêtes à être décollées.
- 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é.
- Lamborghini — Une voiture jaune, couleur noire, exposée dans la salle d'exposition sous les projecteurs.
- Amplemarket — Un lieu de travail baigné de soleil et jonché de confettis
- Getharvest — Un bureau à l'heure dorée – une toile couleur crème chaude, des cartes postales blanches accrochées à la toile et une unique flamme orange vif.
- Agence Foudre — La couverture du magazine est d'un rose tendre qui rappelle celui du rouge à lèvres.
- Drive Capital — Affiche rétro de road trip sur papier chaud
- Apple (España) — Vitrine blanche pour galerie