
Superpower
Centre de gestion de la santé bioluminescent
Superpower incarne une promesse clinique ambitieuse à travers une interface utilisateur immersive et cinématographique: des photographies sombres en pleine largeur se fondent harmonieusement dans des contenus d'un blanc éclatant, tandis qu'une touche d'orange vif, évoquant un lever de soleil, anime l'ensemble du système. La typographie, signature de la marque, est une police sans empattement géométrique, caractérisée par un espacement minimal entre les lettres, variant de 11 px pour les métadonnées à 66 px pour l'affichage, avec un interlignage qui se réduit à mesure que la taille augmente (1,00 pour l'affichage, 1,40–1,50 pour le corps du texte). Une barre de navigation flottante, sombre et en forme de capsule, surplombe les images, et des boutons d'action, également en forme de capsule, créent une tension entre précision clinique et énergie chaleureuse et dynamique. Les surfaces sont majoritairement planes: le système privilégie les grands espaces blancs, de subtiles séparations couleur zinc et un motif d'ombre discret plutôt qu'un relief marqué. Les couleurs sont utilisées avec parcimonie: presque tout est noir, blanc ou gris zinc, l'orange n'apparaissant que comme ponctuation fonctionnelle dans les actions et les éléments de marque.
L'image principale est dominée par une photographie cinématographique pleine largeur: la silhouette d'une personne se détache sur un ciel d'un bleu turquoise profond. L'image, volontairement sombre et mystérieuse, crée un impact émotionnel et contraste avec la promesse de santé. Les images secondaires sont des clichés épurés et étroits, typiques des produits (carte de membre orange marbrée, captures d'écran de l'application), plutôt que des photos lifestyle. Aucune illustration, aucun rendu 3D, aucun graphisme abstrait: le contraste photographique constitue l'identité visuelle. La carte de membre est ornée d'un motif marbré organique évoquant une lampe à lave dans des tons « Lever de soleil»; il s'agit du seul élément décoratif. Les icônes sont des carrés aux angles arrondis de 7,5 px de rayon, subtilement soulignés de noir carbone.
Palette
Marque
- Sunrise Coral
#fc5f2b— L'orange est utilisée comme couleur d'accent secondaire pour les détails décoratifs et pour souligner des informations ponctuelles. Elle ne doit pas être utilisée comme couleur principale pour les incitations à l'action. - Coral Glow
#ff8b64— Un dégradé de couleurs associé à la couleur Corail Aurore permet de créer un design décoratif pour les cartes de membre.
Neutre
- Carbon Black
#18181b— Texte principal, remplissage de la barre de navigation flottante, titres, contour des icônes. - Pure Black
#000000— Logo, texte, cadres à fort contraste - Zinc Gray
#71717a— Texte principal, descriptions complémentaires, métadonnées cachées, texte auxiliaire. - Ash Gray
#a1a1aa— Texte tertiaire, frontières inactives, états désactivés - Mist Gray
#e4e4e7— Lignes de bordure fines, contours de cartes, lignes de séparation, cadres de boutons. - Fog Gray
#f4f4f5— Irrégularités de surface subtiles, fond discret, image superposée sur une base en maille.
Typographie
de 11 à 66 px · 8 étapes
- NB International Pro — remplacement: Inter Tight · grandes lignes 400, 700 · Tout – design, titres, texte, interface utilisateur et navigation – est parfaitement intégré. La solution phare repose sur un espacement négatif des lettres extrêmement réduit, adaptable à la taille du texte (de -0,025 em à 66 px pour les petits textes), combiné à un interlignage qui se réduit à mesure que la taille augmente. Il en résulte des titres à la densité imposante, digne d'une affiche, qui distingue Superpower de ses concurrents plus légers dans le secteur des technologies médicales.
- NB International Mono Pro — remplacement: JetBrains Mono · grandes lignes 400 · Les métadonnées tabulaires, les annotations microtextuelles et les étiquettes techniques sont utilisées avec parcimonie dans les situations nécessitant une approche clinique/instrumentale.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | moyenne |
| Étape de base | 11px |
| Rayon du bouton | 9999px |
| Rayon de la carte | 15px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 75px |
| Largeur de la page | 1200px |
L'IA construira votre site web dans le style Superpower 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
- Visitors — dessin technique blanc
- Dock — Papier crème ensoleillé, impulsion de cobalt
- Flying Papers — Confession dans un dessin animé du samedi matin
- Quizlet — La salle de classe est décorée de couleurs variées sur fond blanc: un bureau silencieux, derrière lequel quatre cartes pastel constituent la seule touche de couleur vive sur un fond de murs gris froids et une unique marque faite au feutre indigo.
- ON.energy — Panneau jaune d'avertissement de haute tension sur acier noir.
- Navigate — Un grand ensemble d'autocollants collés sur un tableau: une police de caractères grotesque de grande taille, le tout sous forme de tablettes, et cinq icônes multicolores se répétant comme un logo.
- Linear — instrument de précision de minuit
- Pop Site — Une galerie typographique austère – des titres noirs monumentaux flottant sur des murs blancs, avec un simple point bleu exprimant l'intention
- Hyperstudio — Le motif est gravé dans l'obsidienne. Des textes et de fines lignes encadrent un espace blanc d'un noir profond, ponctué de marques de boussole dorées indiquant le chemin.
- Pa'lais — Un carnet de croquis botanique, comme imprégné de miel. Papier crème, illustrations aux lignes bleues façon toile de Jouy et touches de couleurs chaudes évoquent un livre de recettes artisanal, tandis qu'une police de caractères grasse et condensée et une abondance d'espace blanc lui confèrent une allure moderne et éditoriale.
- Raus — Un carnet douillet écrit sur du papier crème – chaque page est comme une carte postale de la forêt.
- Privy — Un éditorial réalisé à l'encre sur marbre. Toile de marbre blanc, titres noirs à empattements serrés, une simple bannière violette en haut: la sobriété comme autorité.