À propos de ce modèle
La capture de Healcure a été faite en 1466x1080 et conservée comme spécification, pas comme image de galerie. « Healthcare for Good. Today. Tomorrow. Always. » est la ligne que la mise en page doit porter. La palette est bleu sourd #374251 en fond. La référence est construite avec Tailwind CSS, et les décisions de mise en page sont énoncées indépendamment de cette stack. Le brief consacre son budget d’animation à un fond vidéo en boucle. Traitez-la comme le brief de section hero pour un produit de santé ou de bien-être, à faire tenir sous une reconstruction et pas seulement au premier regard.
Conçu pour
- Si trois personnes doivent modifier ce design de section hero, donnez aux responsables de contenu des pas d’espacement de 14px plutôt qu’une capture d’écran.
- Ce design de section hero sert aux fondateurs qui ont besoin d’un seul écran pour prouver que le texte santé peut porter 5,4s de vidéo en boucle.
- Des équipes Studio qui briefent un build et cherchent Tailwind CSS pour avoir une matière sur laquelle réagir.
Ce qui est inclus
- Une barre de navigation discrète. La barre tient sur une rangée de texte et une action, mesurée à des pas d’espacement de 14px pour se lire comme un filet et non comme un bandeau. La barre se pose sur la composition 1466x1080 sans fond propre, la vidéo court donc bord à bord en dessous. Testez la barre sur vos propres médias avant de lui donner un fond.
- La pastille d’annonce. Une petite pastille se place au-dessus du titre pour une annonce unique, et le brief s’en tient à une seule, parce qu’il s’agit de signaler un mouvement sans transformer le haut de la page en panneau d’affichage. Il n’y a qu’une annonce, c’est ce qui donne au badge sa valeur d’information.
- Une ligne, aucun tiroir. Le nom de marque est traité comme de la typographie et non comme un bloc logo, ce qui maintient la rangée du haut sur une seule ligne de base. Reprenez ce motif quand il vous faut une navigation qui tient sous un premier écran chargé.
- Les chiffres portés jusqu’au build. Les tailles ont été relevées sur le rendu en 1466x1080, des pas d’espacement de 14px. La typographie et la mise en page partagent les mêmes pas, rien ne dérive donc quand l’une des deux est remplacée.
Animation et interaction
Une boucle, pas une timeline
Un clip de 5,4s suffit à toute la couche d’ambiance, il joue derrière le texte, boucle sans coupure visible et ne réagit jamais au pointeur. Rien d’autre sur la page n’anime en continu, donc le média est le seul élément qui demande l’attention. Tournez ou exportez en 1466x1080 ou plus large.
Une animation qui reste discrète
Celle-ci est livrée comme une composition fixe en 1466x1080, donc la hiérarchie doit tenir sans animation, et elle tient. Le brief ne contient aucune bibliothèque d’animation, ce qui garde la reconstruction légère.
Adapter section hero à votre marque
Refaire la palette en premier est l’erreur habituelle. Cela change l’ambiance sans toucher à la composition, alors que la mise en page tient encore à des pas d’espacement de 14px, donc faites le texte et les médias d’abord, la palette en dernier. Le cadre et l’échelle sont ce qu’il faut laisser tranquilles.
L’ordre de section hero
Le brief fait 3 021 caractères et nomme explicitement l’ordre de lecture, la navigation, le badge d’annonce et la ligne de statistiques, avec des pas d’espacement de 14px entre eux. Un lecteur santé reçoit l’offre avant les options.
Lire Healcure comme une spécification
Quand une reconstruction dérive, les espacements lâchent en premier. Healcure l’évite en publiant des pas d’espacement de 14px avec la composition. Rien dans le design de section hero ne dépend d’une valeur par défaut.
Questions fréquentes
Quelle est la longueur du prompt derrière Healcure?
Comptez 3 021 caractères pour le brief capturé, qui décrit le cadre, l’échelle typographique, la palette et les transitions. Le copier vous donne ce texte tel quel, et l’envoyer à Studio prépare la même demande avec la page déjà décrite.
Puis-je utiliser Healcure dans un projet client?
La référence a été collectée sur sceneai.art, et les médias lui appartiennent. Reconstruisez la composition avec vos propres textes, vos images et votre palette, et vérifiez les conditions du site source avant de publier quoi que ce soit qui en provienne.
Le brief de Healcure est-il identique au prompt que j’écrirais moi-même?
Tout ce qui est cité sur la page provient du brief capturé de 3 021 caractères, et non d’un texte rédigé après coup. C’est pourquoi les chiffres et la prose concordent.
