Logos et fichiers
Le logo Grinn, ses règles, et les fichiers qui manquent encore.
Le logo
Trois fichiers fournis le 15 septembre 2026 : le logo pour fond clair, le logo pour fond sombre, et la marque seule. Le lettrage est en relief, avec une ombre portée : il lui faut du calme autour. Sur le site, le logo vit dans l’en-tête et dans le pied, la marque seule en favicon.
| Fichier | Emploi | Dimensions |
|---|---|---|
| grinn-logo.svg | le logo, dans l’en-tête (EnTete) à 140 × 30 et dans le pied (Pied) à 160 × 34, hauteur 34 px | viewBox 3701 × 1401 |
| grinn-mark.svg | la marque seule : le favicon, posé par src/layouts/Page.astro | viewBox 891 × 1001 |
| grinn-logo-sur-noir.svg | le logo sur fond sombre : sans emploi sur la trame, qui n’a aucun aplat sombre | viewBox 3792 × 1491 |
| grinn-logo-hepix.svg | la version signée du groupe : les supports du groupe seulement, jamais le site | viewBox 3702 × 1688 |
| grinn-logo-tpc.svg | la version signée à l’ancien nom du groupe : ne s’emploie plus ; à retirer du dossier, décision à prendre | viewBox 3702 × 1688 |
Le verrou du groupe
Grinn est une marque du groupe Hepix, avec Triptik et Panko. Sur le site, le logo Grinn s’affiche seul : le groupe se dit en toutes lettres, dans le pied et sur la page équipe, jamais dans l’en-tête. La version signée du groupe ne sert que dans les supports du groupe.
- Emploi
- La version signée, quand Grinn apparaît dans un support du groupe : un document commun aux marques, une présentation où Grinn est à côté de Triptik ou de Panko, la signature d’un document du groupe, une annonce du groupe.
- Moment
- Quand c’est le groupe qui parle de Grinn.
- Jamais
- Sur grinn.tech, sur la page LinkedIn de Grinn, dans une signature de mail, sur un devis, une plaquette ou une fiche d’annuaire : partout où Grinn parle en son nom, le logo vit seul.
Dans le texte, le groupe s’écrit Hepix ; HEP’X est réservé à son logotype. Le pied de la trame porte la phrase « Grinn est une marque du groupe Hepix, avec Triptik et Panko. » et un lien vers hepixgroup.com ; la page équipe le redit. L’en-tête ne le nomme jamais. La version signée n’existe que pour fond clair : sa ligne du groupe est dessinée à l’encre et disparaît sur du sombre. fichier sombre à produire
Zone de protection, tailles, interdits
Rien de ce qui suit n’est arrêté par la marque : ce sont les propositions du design system précédent, construites sur ce que le logo fait dans les pages, et reprises ici telles quelles en attendant la décision.
| Règle | Valeur | Statut |
|---|---|---|
| Zone de protection | une marge libre égale à la hauteur du G, sur les quatre côtés : ni texte, ni trait, ni bord de cellule | proposition, à valider |
| Taille minimale du logo | 72 px de large à l’écran, 20 mm imprimé ; en dessous, le relief du lettrage se referme | proposition, à valider |
| Taille minimale de la marque seule | 24 px, 8 mm | proposition, à valider |
| Taille minimale de la version signée | 140 px, 36 mm : en dessous, la ligne du groupe tombe sous 8 px | proposition, à valider |
| Sur le site | l’en-tête affiche le logo à 140 px, le pied à 160 px : au-dessus du seuil proposé | en place |
| Interdit | Pourquoi |
|---|---|
| Sur une photo ou un fond chargé | le relief du lettrage a besoin de contraste autour de lui ; sur un fond moyen, le mot se perd |
| Recoloré | deux fichiers existent, pour fond clair et pour fond sombre ; il n’y a pas de troisième couleur |
| Déformé, incliné, tourné | on redimensionne, on n’étire pas : le rapport de forme ne change pas |
| Avec un effet | pas d’ombre ajoutée, de contour, de dégradé ni de lueur : le logo porte déjà son relief |
| Recomposé | le logo et la marque seule ne se combinent pas, ne se superposent pas, ne changent pas de place |
| Avec le mauvais fichier | le logo clair sur du sombre, ou l’inverse : le relief disparaît et le lettrage se troue |
Les trois mesures et les six interdits attendent la validation de JB. à valider
Les fichiers qui manquent
Chaque dossier de public/assets porte une notice DEPOSER-ICI.md : le nom exact de chaque fichier, son format, et où il apparaît. Déposer le fichier suffit, le site le prend à la construction suivante ; tant qu’il manque, une réserve marquée prend sa place. Seule exception, les logos des clients : ils ne se déposent pas, le script les produit depuis les originaux.
| Dossier | Fichiers attendus | Format | Où |
|---|---|---|---|
| public/assets/equipe/ | portrait-1 à portrait-6 ; groupe est déposé depuis le 12 octobre (groupe.webp) ; les noms et les rôles dans src/data/equipe.ts, tous à null | avif, webp, jpg, jpeg ou png ; les portraits se recadrent en carré sur le visage ; le groupe en 3:2, 3000 × 2000, cadré à 18 % sur l’accueil, à 28 % sur la page équipe | la cellule tr-equipe__photo de l’accueil et de la page équipe, 4/3 jusqu’à 860 px, 16/10 au-dessus, 2/1 dès 1000 px ; les carrières |
| public/assets/lieux/ | bureau-nantes, bureau-paris, bureaux | paysage 16/10, centré | contact, carrières, page équipe |
| public/assets/photos/ | relecture, passation, interlocuteur, decroche, client-1 à client-4 | 4:5 1600 × 2000, 21:9 3360 × 1440, 1:1 selon la photo ; les portraits de clients seulement avec leur accord | écrites pour l’accueil précédent ; à reprendre pour la trame |
| public/assets/realisations/ | une photo par cas, au nom du cas : bosco-services, cathedrale-de-nantes, peppsy, la-grande-table, mes-jardiniers, ie-architecture, clotilde-davenne, renault, builders ; aucune n’est déposée | 3:2 ou 4:3, 2400 × 1600 au moins, sujet au centre ; la carte Cas l’affiche en 16/10 | les cartes Cas des preuves d’une page d’offre (celles de l’accueil montrent la vitrine du cas depuis le 13 octobre) ; le cas sans accord n’attend aucun fichier |
| public/assets/realisations/<slug>/ | les captures de la vitrine, aux noms que donne la fiche (vitrine.capture, vitrine.captureAngle) : bosco-services, aucune : la réserve ; cathedrale-de-nantes, ecran.webp ; peppsy, ecran.webp ; la-grande-table, ecran.webp ; mes-jardiniers, accueil.webp et reservation.webp ; ie-architecture, realisations.webp ; clotilde-davenne, fiche.webp ; builders, titre.webp et selection.webp | des captures d’écran du produit, sans chiffre de résultat ; le composant lit leurs dimensions dans le fichier ; le cadre les montre en 16/10 (navigateur) ou en 16/9 (borne), calées en haut, ou en écran de téléphone | la vitrine : les cartes de cas de l’accueil (depuis le 13 octobre) et de la page Réalisations, la tête, le point fort et le cas suivant d’une page de cas |
| public/assets/logos/clients/ | <slug>.png, version encre produite par scripts/logos-clients.mjs depuis les originaux du dossier projet (voir /design/logos/) ; manquent dans le bandeau : Renault | encre, rognée, 160 px de haut au plus, jamais agrandie ; hauteurs d’affichage : le tableau « Les hauteurs » de /design/logos/ | Logos, les cartes Cas et CarteCas, le mur des clients (MurLogos), l’en-tête et la citation d’une page de cas, le Mur quand la fiche nomme un client |
Une notice dit un autre format que celui que la trame affiche : celle de l’équipe annonce la photo de groupe en 16:10 au-dessus de 860 px, « à la hauteur de sa cellule dans la grille des rôles », et en 4:3 en dessous ; depuis le 12 octobre, la cellule l’affiche sur toute la largeur et en 2/1 dès 1000 px. La photo déposée (groupe.webp) reste valable, puisqu’elle est recadrée ; la notice est à mettre à jour. Celle des réalisations aussi : elle annonce encore la photo de la page du cas en 4:5, que la page n’affiche plus depuis le 12 octobre, et ne dit rien des dossiers de captures de la vitrine.
RègleSur le site, le logo Grinn vit seul ; le groupe se dit en toutes lettres, dans le pied et sur la page équipe, jamais dans l’en-tête.