Un outil en ligne pour composer une identité visuelle et la voir vivre tout de suite sur onze supports.

  • Application
  • Service
  • Sur mesure
Identity by Arkeyz Technologies
Projet
Produit interne Arkeyz
Mission
Outil de création d'identité visuelle
Outils
Next.js, React, Tailwind CSS

01 / 08

Une charte se juge souvent sur une planche isolée, loin des supports où elle vivra.

Ce qu’il fallait résoudre :

  • Tester en direct

    polices et couleurs, sans installation ni compte

  • Voir de vrais supports

    un site, une affiche, une facture

  • Rester lisible

    les contrastes vérifiés en continu

  • Livrer

    un guide de marque et des fichiers prêts

02 / 08

Identity reprend l’identité d’Arkeyz Technologies : un thème sombre et technologique, des titres en Clash Display et des textes en Poppins. L’interface s’efface volontairement : l’aire d’aperçu reste neutre pour ne jamais concurrencer la charte en cours de création.

Palette 6 couleurs

6 couleurs · cliquer pour copier un code


03 / 08

Une charte qui s’applique en direct

Changer de modèle de charte suffit : le site d’exemple, ses polices et ses couleurs se transforment sur-le-champ. On passe ensuite d’un support à l’autre sans rien perdre.

Tous les supports d’une marque

Chaque charte est appliquée à de vrais documents. Ils se mettent à jour ensemble et s’exportent un par un ou dans le kit complet.

04 / 08

Maquette

Vue d'ensemble de l'outil Identity : modèles de charte, direction artistique et supports

05 / 08

L’outil complet tient dans la poche : le menu du haut donne accès à chaque vue, la barre du bas aux polices et aux couleurs.

06 / 08

Un clic produit un PDF complet : page de garde, polices, couleurs et contrastes, puis tous les supports. Voici le kit de la charte « Nocturne » :

Kit de marque généré par Identity, charte Nocturne — page 1Kit de marque généré par Identity, charte Nocturne — page 2Kit de marque généré par Identity, charte Nocturne — page 3Kit de marque généré par Identity, charte Nocturne — page 4Kit de marque généré par Identity, charte Nocturne — page 5Kit de marque généré par Identity, charte Nocturne — page 6Kit de marque généré par Identity, charte Nocturne — page 7Kit de marque généré par Identity, charte Nocturne — page 8Kit de marque généré par Identity, charte Nocturne — page 9Kit de marque généré par Identity, charte Nocturne — page 10Kit de marque généré par Identity, charte Nocturne — page 11Kit de marque généré par Identity, charte Nocturne — page 12Kit de marque généré par Identity, charte Nocturne — page 13Kit de marque généré par Identity, charte Nocturne — page 14Kit de marque généré par Identity, charte Nocturne — page 15Kit de marque généré par Identity, charte Nocturne — page 16Kit de marque généré par Identity, charte Nocturne — page 17Kit de marque généré par Identity, charte Nocturne — page 18Kit de marque généré par Identity, charte Nocturne — page 19Kit de marque généré par Identity, charte Nocturne — page 20Kit de marque généré par Identity, charte Nocturne — page 21Kit de marque généré par Identity, charte Nocturne — page 22Kit de marque généré par Identity, charte Nocturne — page 23Kit de marque généré par Identity, charte Nocturne — page 24Kit de marque généré par Identity, charte Nocturne — page 25

07 / 08

08 / 08

Identity

Identity est né d’un besoin simple : juger une paire de polices et une palette sur de vrais supports, pas sur une planche isolée. Le principe reste le même à chaque nouvelle version : une identité visuelle se construit en la voyant vivre.

Mot du studio

Arkeyz