• Application
  • Service
  • Sur mesure

Identity by Arkeyz Technologies

Conception d'Identity by Arkeyz Technologies, un outil de création d'identité visuelle centré sur la typographie : polices, palettes, échelle typographique et gabarits testés en direct, avec export automatique d'un kit de marque complet en PDF.

Arkeyz Technologies

Arkeyz Technologies

Studio digital indépendant — France & La Réunion

Informations générales

Identity est un projet interne d’Arkeyz Technologies : un outil de conception d’identité visuelle centré sur la typographie. Avant même de penser logo ou déclinaisons, une marque se joue dans le choix des polices, des couleurs et des proportions. La plupart des outils existants séparent ces étapes ; l’objectif était de les réunir dans un seul espace de travail, en direct.

Les enjeux du projet :

  • Permettre de tester des associations de polices en temps réel, sans installation ni compte
  • Construire une échelle typographique cohérente, éditable et exprimée en plusieurs unités (px, em, rem)
  • Prévisualiser une charte sur de vrais gabarits (site web, présentation, carte de visite, CV…) plutôt que sur une simple planche de style
  • Concevoir une exportation professionnelle : un kit de marque complet, prêt à partager, généré automatiquement
  • Garder l’outil local-first : aucune donnée envoyée à un serveur en version actuelle, aucun service payant

L’objectif : offrir un espace où une identité visuelle se construit et se teste avant d’être figée, avec un résultat exportable directement utilisable.


Visiter le site

Moodboard

Identity reprend l’identité visuelle d’Arkeyz Technologies pour habiller l’outil : un thème sombre technologique, où l’interface s’efface pour laisser la charte testée par l’utilisateur occuper toute l’attention.

La cohérence de marque est assurée par :

  • la même palette chromatique que l’écosystème Arkeyz (violets, magenta, dégradés bleu et indigo)
  • les mêmes typographies : Clash Display pour les titres, Poppins pour les textes
  • une aire d’aperçu volontairement neutre, pour ne jamais concurrencer visuellement la charte que l’utilisateur est en train de composer
#A14F9E
#EE3285
#51009A
#86CDEB
#0E0C0C
#1A191C

Stack technique


Aperçu de l’application

Quelques vues clés de l’outil : le réglage de l’échelle typographique, un gabarit de site web généré en direct, et les formats prêts pour les réseaux sociaux.

Échelle typographique

Réglage de l'échelle typographique dans Identity

Chaque niveau de l’échelle (titres, corps, texte petit) est éditable individuellement, avec un aperçu du rendu en direct.

Gabarit site web

Gabarit de site web généré à partir de la charte

La charte en cours est appliquée à une vraie page d’atterrissage : polices, couleurs et échelle s’y reflètent instantanément.

Formats réseaux sociaux

Formats réseaux sociaux générés à partir de la charte

Trois formats standards (carré, portrait, story) sont générés automatiquement, prêts à être exportés en planche unique.


Résultat

Identity est un outil en une seule vue : pas de site à faire défiler, tout se passe dans ce plan de travail unique, où la charte se construit et se teste en direct.

Vue d'ensemble de l'outil Identity : direction artistique, polices, couleurs et gabarits

Kit de marque généré

Une fois la charte finalisée, un clic suffit pour générer un kit de marque complet en PDF : page de garde, détail des polices et couleurs avec contrastes WCAG, puis l’ensemble des gabarits (site web, présentation, réseaux, infolettre, CV, carte de visite…), chacun précédé d’une page de titre. Tout est produit dans le navigateur, sans service tiers.

Voici le kit de marque généré pour la charte « Nocturne » présentée ci-dessus :

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

Retour d’expérience

Identity

Identity est né d’un besoin très concret : pouvoir juger une paire de polices et une palette sur de vrais supports, pas sur une planche isolée. C’est aussi un terrain d’expérimentation technique, entre rendu typographique fin, export PDF haute fidélité produit entièrement côté client, et architecture pensée pour rester locale et gratuite.

Le projet continue d’évoluer vers des chartes complètes et des comptes utilisateurs, tout en gardant ce principe de base : une identité visuelle se construit en la voyant vivre.

Mot du studio

Arkeyz