La marque HelloServ

Le logo, ses déclinaisons et les quelques règles pour l'utiliser. Pour parler de nous dans un article, une vidéo ou un comparatif, prenez les fichiers ici plutôt qu'une capture du site.

Télécharger le kit zip, 630 Ko Les règles d'usage

Le logo

Un voyant rouge posé sur le H : un serveur allumé, et le point d'un i. On lit « Hi ».

Sur fond sombreSVG · PNG

Sur fond clairSVG · PNG

Déclinaisons

Le symbole remplace le logo quand la place manque ; le logotype seul ne sert qu'à côté de lui.

SymboleSVG · PNG

Symbole, fond clairSVG · PNG

Logotype seulSVG · PNG

Monochrome blancSVG · PNG

Monochrome noirSVG · PNG

AvatarsCarré · Rond

Couleurs

Un seul rouge, toujours petit : le voyant, un bouton, une coche. Jamais en fond.

Noir #08080A rgb(8, 8, 10) hsl(240, 11%, 4%)
Encre #F2F1F4 rgb(242, 241, 244) hsl(260, 12%, 95%)
Rouge #E21239 rgb(226, 18, 57) hsl(349, 85%, 48%)
Gris #8C8A95 rgb(140, 138, 149) hsl(251, 5%, 56%)

Sur fond sombre, le rouge suffit pour une forme, pas pour du texte. Sur un bouton rouge, le texte est blanc. couleurs.css · couleurs.json

Typographie

Deux polices libres (SIL OFL 1.1). Le logo est déjà dessiné : on ne le retape jamais.

Aa Gg 0123Logotype et titres

Hubot Sans, ExtraBold, largeur 125 %woff2

Aa Gg 0123Textes, boutons, interfaces

Mona Sans, Regular et SemiBoldwoff2

Zone de protection et taille minimale

L'unité de mesure est le voyant. Dans la marge : ni texte, ni image, ni bord.

Logo : 2 voyants de marge

Symbole : 1 voyant de marge

Logo, 100 px

Symbole, 24 px

Favicon, 16 px

16 px grossi 8 fois

Tailles minimalesSous 100 px de large (25 mm imprimé), on passe au symbole. Sous 24 px, au favicon dessiné au pixel.

À ne pas faire

Le logo s'utilise tel quel, à partir des fichiers de cette page.

Le déformer

Changer ses couleurs

Ajouter une ombre ou une lueur

Le faire pivoter

Déplacer le voyant

Tout passer en rouge

Le poser sur un fond chargé

Mettre le symbole devant le logo

Le nom

On écrit HelloServ en un seul mot, avec le H et le S en capitales. Pas « Hello Serv », « Helloserv » ni « HELLOSERV ».

HelloServ est une marque déposée, propriété de FLEXICORE SAS. Vous pouvez utiliser le logo pour parler de nous ou de nos services. Pour tout autre usage, écrivez-nous.

Nous écrire

Fichiers

Les SVG sont les sources : préférez-les partout, à l'écran comme à l'impression.

svg/logo, logotype et symbole sur fond sombre, sur fond clair, monochrome blanc et noir
png/les mêmes en PNG transparent, logo jusqu'à 1200 px, symbole jusqu'à 1024 px
web/favicon.ico et .svg, icône Apple, icônes d'application 192 et 512 px
reseaux/avatars carré et rond, bannières Discord, X et LinkedIn
police/Hubot Sans et Mona Sans, avec leur licence
couleurs.css, .jsonla palette en CSS et en JSON

Télécharger le kit zip, 630 Ko