Centre de marque

Une identité simple, reconnaissable en un coup d’œil.

Logos, couleurs, typographie et règles d’usage de StudioGLSC. Tout ce qu’il faut pour représenter le studio avec cohérence : sur un site, une carte de visite, un réseau social ou un document partenaire.

Kit .zip : SVG, PNG, palette CSS et règles essentielles · 420 Ko

Construction

Zone de protection et taille minimale.

Un logo se lit mieux quand il a de la place. Ces repères évitent qu’il soit collé à un texte, une image ou un bord.

½ h½ h½ h½ h
Laissez autour du logo un espace libre égal à la moitié de la hauteur du monogramme.
24 px
48 px
96 px
120 px
Tailles minimales : 24 px pour le monogramme, 120 px de large pour le logo horizontal, 8 mm à l’impression.

Bon usage

Ce qu’il faut faire, et éviter.

Un logo déformé ou recoloré perd sa force. Voici les principales erreurs.

  • Garder les proportions

    Le monogramme est un carré : on le redimensionne sans le déformer.

  • Laisser respirer

    Une marge égale à la moitié de la hauteur du monogramme, au minimum.

  • Respecter les couleurs

    Bleu et blanc, ou les variantes noir et blanc fournies.

  • Étirer ou écraser

  • Faire pivoter

  • Changer les couleurs

  • Ajouter une ombre ou un halo

  • Mettre sur un fond chargé

  • Redessiner le G

Couleurs

Bleu profond, blanc, et rien de plus.

Une palette sobre, pensée pour la lisibilité. Cliquez sur une couleur pour copier son code. Les rapports de contraste suivent les règles d’accessibilité WCAG.

  • HEX
    #2447D6
    RVB
    36, 71, 214
    Rôle
    Couleur principale

    Boutons, liens, monogramme, accents.

    Texte blanc dessus : 7.1:1 · AAA

  • HEX
    #1B37B0
    RVB
    27, 55, 176
    Rôle
    Survol et états actifs

    Quand un élément bleu est survolé ou pressé.

    Texte blanc dessus : 9.5:1 · AAA

  • HEX
    #E9EEFE
    RVB
    233, 238, 254
    Rôle
    Fond doux

    Pastilles, icônes, zones mises en avant.

    Texte sombre dessus : 16.2:1 · AAA

  • HEX
    #0B1220
    RVB
    11, 18, 32
    Rôle
    Texte et fonds sombres

    Titres, texte courant, scène de contact.

    Texte blanc dessus : 18.7:1 · AAA

  • HEX
    #566074
    RVB
    86, 96, 116
    Rôle
    Texte secondaire

    Légendes, descriptions, informations discrètes.

    Texte blanc dessus : 6.3:1 · AA

  • HEX
    #E1E5ED
    RVB
    225, 229, 237
    Rôle
    Séparateurs

    Bordures de cartes, lignes, grilles.

    Texte sombre dessus : 14.8:1 · AAA

  • HEX
    #F6F7F9
    RVB
    246, 247, 249
    Rôle
    Arrière-plan de page

    Fond général du site en thème clair.

    Texte sombre dessus : 17.5:1 · AAA

  • HEX
    #FFFFFF
    RVB
    255, 255, 255
    Rôle
    Cartes et formulaires

    Éléments posés sur le fond.

    Texte sombre dessus : 18.7:1 · AAA

  • HEX
    #107A57
    RVB
    16, 122, 87
    Rôle
    Réussite et disponibilité

    Validations, pastille « en ligne », WhatsApp.

    Texte blanc dessus : 5.3:1 · AA

  • HEX
    #0A0F1C
    RVB
    10, 15, 28
    Rôle
    Fond du thème sombre

    Arrière-plan du site en thème sombre ; le bleu reste le même.

    Texte blanc dessus : 19.1:1 · AAA

Typographie

Inter, en deux rôles.

Inter Display 700 pour les titres, Inter 400, 500 et 600 pour les textes. Polices libres (licence SIL OFL), hébergées sur le site.

Titres · Inter Display 700

Un site web à votre image.

Cliquez sur le texte pour essayer le vôtre.

Titre 1

Un prix clair.

Titre 2

Votre site vous appartient.

Titre 3

Première version en 48 h

Texte · Inter 400

Clair, rapide et pensé pour que vos clients trouvent facilement l’essentiel.

Étiquette · Inter 600

Échange gratuit

Interface

Les éléments, tels qu’ils s’affichent.

Ces composants sont ceux du site : coins arrondis généreux, ombres douces, un seul bleu pour guider l’œil.

Pastille et badge

Studio web indépendant

Recommandé

Rayons

10 · 16 · 24 px · pastille

Carte de service

Site vitrine

Une présentation claire de votre activité.

Voix

On parle comme on travaille.

Le ton de StudioGLSC est celui d’un indépendant : simple, précis et sincère. Quatre principes, avec un exemple pour chacun.

  • Clair

    On dit ce qu’on fait, avec des mots simples.

    Nous mettons en œuvre une solution digitale omnicanale.

    Je crée votre site et il fonctionne sur téléphone.

  • Direct

    Une phrase, une idée. Le prix et le délai d’abord.

    Nos tarifs sont disponibles sur demande après étude.

    Express : 590 €, première version en 48 h.

  • Humain

    On parle à une personne, pas à un « utilisateur ».

    Les utilisateurs peuvent contacter notre équipe.

    Vous m’écrivez, je vous réponds moi-même.

  • Honnête

    On n’invente ni références, ni garanties.

    Plus de 500 clients satisfaits.

    Studio indépendant, quelques projets, un suivi de près.

Réseaux et partage

Prêt à publier, à la bonne taille.

Avatar carré, bannière et image de partage : chacun est livré aux dimensions des plateformes courantes.

  • Avatar StudioGLSC

    Avatar

    1080 × 1080 px. Le G reste dans la zone sûre quand la plateforme le recadre en rond.

  • Bannière StudioGLSC

    Bannière

    1500 × 500 px. LinkedIn, X, YouTube : recadrez selon la plateforme.

  • Image de partage StudioGLSC

    Image de partage

    1200 × 630 px. Affichée quand un lien du site est partagé.

Présentation courte

StudioGLSC est le studio web indépendant de Gabin Lescoat, en Bretagne. Il crée des sites vitrines clairs et rapides pour les artisans, commerçants et indépendants : première version en 48 h, paiement ponctuel, et vous restez propriétaire de votre site.

Films

Le film de présentation, à partager.

Quatre versions du même film : complète ou courte, horizontale pour le site et YouTube, verticale pour LinkedIn, Instagram et TikTok. Libres de droits pour présenter StudioGLSC.

  • Image d’aperçu du film : Film complet, horizontal

    Film complet, horizontal

    47 s · 1280 × 720 · 3,9 Mo

  • Image d’aperçu du film : Film complet, vertical

    Film complet, vertical

    47 s · 720 × 1280 · 3,5 Mo

  • Image d’aperçu du film : Version courte, horizontale

    Version courte, horizontale

    17 s · 1280 × 720 · 1,5 Mo

  • Image d’aperçu du film : Version courte, verticale

    Version courte, verticale

    17 s · 720 × 1280 · 1,5 Mo

Le kit complet

Tout dans un seul fichier.

Logos en SVG et PNG, palette CSS, avatar, bannière, image de partage et rappel des règles. 420 Ko.

  • 10 logos vectoriels (SVG)
  • 8 images (PNG)
  • Variables CSS de la palette
  • Mémo des règles d’usage
Télécharger le kit

Une question sur l’utilisation de la marque ? pro@glsc.fr

Un projet de site web ?

Le premier échange est gratuit et sans engagement.