Wise
Mousse épaisse et tendue comme du calcaire. Des étincelles de calcaire scintillent sur le sol forestier presque noir, et des formes massives et anguleuses signalent chaque mouvement.
La police Wise s'affirme avec une voix assurée, presque audacieuse: un vert forêt profond (#163300) occupe la majeure partie de la surface (texte, navigation, sections sombres, icônes), tandis qu'un vert citron vif (#9fe870) sert de ponctuation fonctionnelle pour les appels à l'action, les onglets actifs et les éléments clés. La police est presque agressive: la Wise Sans, avec une épaisseur de trait de 900 et une densité élevée, se distingue nettement en grands caractères (plus de 100 px) sur l'écran d'accueil. Le reste du système demeure discret sur un fond blanc cassé aux surfaces gris clair (#e8ebe6). Les composants ont par défaut une forme ovale (boutons, segments de navigation, vignettes de cases à cocher, masques d'images), avec de petits rayons (10 px) réservés aux cartes et aux champs de saisie. Les dégradés de couleurs sont rares; en revanche, la combinaison de vert salamandre et de vert forêt évolue en douceur à mesure que les sections s'assombrissent, créant un rythme sans fioritures.
Un conteneur centré d'une largeur maximale de 1200 px, avec une section supérieure et une section sombre occupant toute la largeur de la page. L'en-tête présente un titre imposant et centré sur fond blanc, accompagné d'une grande illustration (un globe) qui s'étend au-delà du bord inférieur de la fenêtre. La mise en page alterne entre le blanc, le vert clair et une section sombre « encre forêt», créant ainsi un rythme de couleurs naturel. La mise en page du contenu est principalement centrée: des blocs de texte et d'images sur deux colonnes en haut, ou des lignes avec les éléments principaux sur trois colonnes dans les sections secondaires. Une grille à cinq colonnes avec des drapeaux est utilisée pour afficher la liste des pays. La navigation se compose d'une barre supérieure fixe unique avec un bouton bascule segmenté. Le code QR reste fixe dans le coin inférieur droit, quelle que soit la position de défilement.
Des illustrations 3D représentant un globe terrestre orné de pièces d'or composent l'univers visuel de la marque: tactile, légèrement surréaliste, il se caractérise par des dégradés doux et une lumière chaleureuse. La photographie est minimaliste; lorsqu'elle est utilisée, elle se veut lumineuse et décontractée. Les drapeaux nationaux sont présentés sous forme de vignettes circulaires disposées dans une grille à cinq colonnes; le seul élément « iconique» est l'identité nationale. Aucun élément graphique abstrait, aucun modèle standard. Le globe et les pièces constituent un motif récurrent de la mascotte, symbolisant la dimension internationale de la marque à travers un objet unique, chaleureux et optimiste, plutôt qu'un montage.
Palette
Marque
- Forest Ink
#163300— Le style sombre dominant de la marque — textes de navigation, fonds de sections sombres, texte principal sur surfaces claires, contours d'icônes et éléments de navigation remplis — est ce qui définit sa force: partout où l'on a besoin de poids ou d'autorité, on choisit Forest Ink. - Lime Voltage
#9fe870— Le vert est utilisé comme couleur d'accent secondaire pour les détails décoratifs et pour mettre en évidence les requêtes de recherche moins fréquentes. Il ne doit pas être utilisé comme couleur principale pour les appels à l'action. - Spruce
#054d28— Un vert foncé secondaire est utilisé pour les surfaces des cartes, les icônes mineures et pour ajouter de la profondeur aux zones sombres où l'encre Forest Ink est trop saturée.
Neutre
- Linen Mist
#e2f6d5— Une nuance de vert clair pour des reflets subtils sur les surfaces, des fonds de cartes teintés et des effets de survol sur les barres de navigation. Une nuance discrète de vert signature pour des éléments de design de conteneurs discrets. - Signal Blue
#0b4c72— La couleur bleue sert d'accentuation supplémentaire pour les détails décoratifs et pour mettre en valeur les basses fréquences. - Alarm Red
#cb272f— Le rouge sert d'accentuation pour les détails décoratifs et pour mettre en valeur des couleurs moins courantes. Utilisez-le comme accentuation, et non comme couleur de prestige. - Charcoal
#454745— Texte principal, texte du corps du texte, interface utilisateur enrichie: un noir légèrement chaud qui paraît plus doux qu’un noir pur #000 sur fond blanc. - Obsidian
#0e0f0c— Titres, titres à contraste élevé, éléments noirs purs dans la navigation et le menu principal. Un noir légèrement verdâtre, et non un gris neutre. - Pebble
#868685— Texte secondaire discret, texte d'espace réservé, contours d'icônes et bordures de champs de saisie. Gris moyen, s'estompant au loin.
Typographie
de 12 à 105 px · 10 étapes
- Inter — remplacement: Inter (native Google Fonts) · grandes lignes 400,500,600,700 · Le corps du texte, l'interface utilisateur, les légendes et les sous-titres sont présentés dans l'ensemble du produit. Une police de taille 700 est utilisée pour les titres de niveau moyen (36 à 45 px), une taille de 500 à 600 pour les sous-titres et les légendes, et une taille de 400 pour le corps du texte et les légendes. La police Inter offre un rendu plus discret, tandis que Wise Sans offre un rendu plus gras.
- Wise Sans — remplacement: Inter Black (900) with -0.04em tracking · grandes lignes 900 · Les titres sont la carte de visite d'une marque. Une police de caractères très dense (900 points) avec un espacement réduit entre les lettres (89 à 105 px) transforme chaque titre en une publicité percutante. Ils sont utilisés avec parcimonie: dans le corps du texte, pour les titres de section et pour mettre en avant les points forts d'une campagne.
- monospace — remplacement: Inter · grandes lignes 400 · monospaced - trouvé dans les données extraites mais non décrit par l'IA.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | dense |
| Étape de base | 8-12px |
| Rayon du bouton | 9999px |
| Rayon de la carte | 10px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 64-80px |
| Largeur de la page | 1200px |
L'IA construira votre site web dans le style Wise 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
- Integrated Biosciences — laboratoire de bioluminescence à minuit
- Huly — Aurores boréales à l'observatoire de minuit: le protagoniste est un faisceau vertical violet se fondant dans le corail, et chaque section calme en dessous reprend la même histoire bicolore, racontée dans un ton plus feutré.
- Dia Browser — L'espace d'une galerie d'art se fond dans l'univers d'un journal. La scène plongée dans l'obscurité révèle une double page de journal baignée de soleil, chaque section étant marquée par un titre à empattements.
- Mintlify — Un jardin de nuages au-dessus d'une table en verre. Le ciel dessiné à la main et le documentaire sont encadrés ensemble – le seul endroit où la couleur et le concept se rencontrent avant que la page ne s'estompe dans un blanc monastique.
- Gleap — Un espace de travail décoré dans des tons crème chauds avec des touches de graphite — un studio où des points d'encre noire mate semblent flotter au-dessus de l'architecture en lin.
- ClickUp — Un tableau de bord imposant sur fond de marbre blanc. Cette page est une brochure produit pour un outil de productivité; son langage visuel est donc emprunté au produit lui-même: listes denses, indicateurs d’état, groupes d’avatars et formulations typographiques audacieuses qui évoquent une fiche technique.
- monday — Atelier blanc avec des autocollants pastel
- Portal — Éditorial Twilight Serif - Une double page premium dans un magazine indépendant, conçue dans le style iOS
- Slack — La scène, couleur aubergine, est éclairée par des projecteurs blancs. Une teinte prune profonde domine les zones sombres, tandis que la toile blanc cassé laisse s'exprimer pleinement les grands titres avant-gardistes.
- Base44 — Carnet ensoleillé avec un feutre vert citron
- Letters — Un rendez-vous matinal dans une clinique à ciel ouvert — une table blanche stérile sous un plafond bleu clair, jonchée d'instruments chirurgicaux bleus
- Duolingo — Aire de jeux verte avec des lignes de marquage épaisses