À propos de ce modèle
La capture de Max Reed Portfolio a été faite en 640x470 et conservée comme spécification, pas comme image de galerie. La page affiche son propre titre, « Let's Team Up Today », et la composition est construite autour de ces mots exacts. La palette se limite à sarcelle profond #324444 en fond, et la typographie est Inter. La fiche nomme la stack qui a produit la page (React et Tailwind CSS) au lieu de la passer sous silence. Servez-vous-en comme référence quand vous construisez un design de section fonctionnalités pour une agence ou un studio et que vous voulez une composition finie plutôt qu’un point de départ.
Conçu pour
- Équipes d’agence qui défendent un design de section fonctionnalités pour une agence ou un studio et tiennent à citer une typographie de 13px à 88px et des pas d’espacement de 240px dans la présentation, pour que le devis tienne encore après la réunion de lancement.
- Cette base est calibrée pour un fondateur seul qui livre un design de section fonctionnalités pour une agence ou un studio, sans design system derrière.
- Quiconque briefe un modèle sur un design de section fonctionnalités utilisera le prompt de 5 397 caractères comme point de départ.
Ce qui est inclus
- Les tailles sont dans le brief, pas dans une échelle. Le brief nomme les chiffres, une typographie de 13px à 88px et des pas d’espacement de 240px. C’est ce qui tient la composition, parce qu’aucun pas d’espacement inventé ne s’intercale entre la typographie et le cadre. Chaque valeur se vérifie contre le prompt capturé, ce qui rend une reconstruction vérifiable plutôt qu’approximative. Mesurez avant d’ajuster.
- Une structure en un seul écran. La construction de section fonctionnalités fait arriver le texte avant tout le reste, la typographie porte la hiérarchie, le cadre 640x470 tient la composition, et les valeurs secondaires restent discrètes. La page est une seule composition en 640x470, c’est pourquoi elle tient quand le texte change.
- Une seule échelle, texte et cadre. Les espacements sont cités de la même façon (une typographie de 13px à 88px et des pas d’espacement de 240px), et non comme une échelle qui grandit toute seule.
- Une grille de cartes porte le milieu. Là où viendrait une suite de texte, cette page pose un ensemble de panneaux, ce qui garde la lecture de section fonctionnalités balayable. Les titres internes des panneaux se placent un palier au-dessus de leur propre texte, et non un palier sous le titre de la page.
Animation et interaction
Un mouvement horizontal continu
Un bandeau défilant traverse la composition en boucle sans fin, composé en Inter. C’est le seul mouvement continu en dehors du média, ce qui évite à la page de paraître agitée. La vitesse compte plus que le contenu.
Presque aucune animation
Le brief laisse l’animation de côté et laisse la mise en page en 640x470 porter la page, les états de survol et d’appui étant les seuls changements. La composition reste immobile, donc la hiérarchie doit porter la page, et elle le fait. L’immobilité est un choix valable.
Lire Max Reed Portfolio comme une spécification
Le brief est une spécification, pas un moodboard. Il fixe une typographie de 13px à 88px et des pas d’espacement de 240px, puis nomme le média en 640x470. Ce niveau de détail explique pourquoi le design survit à une reconstruction, changez le texte et les relations tiennent toujours. Rien dans le design de section fonctionnalités ne dépend d’une valeur par défaut.
Par où commencer dans Max Reed Portfolio
S’il ne vous reste qu’un après-midi, changez le titre et le libellé d’action, ne touchez pas à une typographie de 13px à 88px et des pas d’espacement de 240px, et vous avez une page qui semble voulue. Le sujet est la partie qui doit changer.
Comment Max Reed Portfolio ordonne la première lecture
Vous pourriez mélanger ces blocs, la page se chargerait encore. Elle cesserait en revanche de se lire comme un argument, car ce qui porte la page est l’ordre de la ligne de statistiques, la grille de cartes et le clip de fond, réglé par une typographie de 13px à 88px et des pas d’espacement de 240px. Un lecteur agence reçoit l’offre avant les options.
Questions fréquentes
Quelle est la longueur du prompt derrière Max Reed Portfolio?
Comptez 5 397 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.
Pourquoi la fiche mentionne-t-elle React et Tailwind CSS?
La fiche indique React et Tailwind CSS pour la provenance, parce que Max Reed Portfolio a été réalisé avec cette pile technique. Le brief ne décrit que des positions, des tailles et des durées, donc il se reconstruit dans n’importe quel framework capable de composer du texte et de placer des éléments.
Puis-je garder les transitions de Max Reed Portfolio en changeant les durées?
Les entrées et les changements d’état se situent dans la plage de moins d’une seconde. Ils sont déclenchés par des changements d’état plutôt que par une bibliothèque de scroll, et ils ne retardent jamais la lecture du texte. La référence a été capturée en 640x470.
