Didnegar vend des appareils photo professionnels, des objectifs et du matériel de tournage, en ligne comme dans une boutique physique. Le nom réunit « didan », voir, et « negar », une image. Le magasin avait déjà un logo, mais il ressemblait à une icône d’appareil photo générique et donnait peu de matière à la marque, alors j’ai redessiné toute l’identité.
L’idée vient des trois types d’objectifs de base, macro, normal et télé, et des trois éléments avec lesquels un créateur travaille : l’image, le son et la lumière. Le nouveau logo est fait de trois ovales de largeurs différentes, un par objectif, posés à côté d’un logotype persan sur mesure avec une version latine assortie. Le système de couleurs est noir carbone, orange flamme et blanc coquillage chaud, avec du bleu cobalt et un jaune ensoleillé en soutien. Autour du logo, j’ai conçu un système graphique : des motifs faits des ovales et des lettres, des boîtes arrondies qui s’empilent comme une grille de viseur, des repères de cadrage, un jeu d’icônes au trait et les mises en page des bannières de la boutique.
Cinq magasins, presque un seul look.
Avant de dessiner quoi que ce soit, j’ai regardé les magasins avec lesquels Didnegar est en concurrence, en ligne et en boutique. Quatre sur cinq utilisent un appareil photo ou un obturateur comme symbole, surtout en bleu et rouge, et le cinquième n’est que du lettrage. C’est un terrain encombré où les logos se ressemblent.
Les logos appartiennent à leurs propriétaires et ne sont montrés ici que pour comparaison.
Tout a commencé au crayon.
Avant tout écran, des pages et des pages de petits dessins : la lettre D du nom, un œil, un objectif, un appareil photo, un flash, un cadre. Puis du stylo et du feutre pour le lettrage persan du nom, essayé encore et encore jusqu’à ce qu’une forme semble juste.
Cinq directions, et celle qui est restée.
J’ai présenté au client, sous forme de cinq propositions de logo, les idées qui tenaient : un D avec un œil, un D dans un cadre, une étoile en forme de flash, un D avec un flash, et trois ovales.
La cinquième, les trois ovales, est celle qui est devenue l’identité. Elle vient des trois types d’objectifs de base, un regard large qui se resserre jusqu’à la mise au point, et le changement de taille donne au signe du mouvement et de la croissance. Les trois ovales évoquent aussi ce que vend le magasin : l’image, le son et la lumière. Et elle est flexible : elle peut tenir dans un cadre ou se tenir seule à côté du nom.
Trois objectifs, trois ovales.
Le magasin avait déjà un logo, mais c’était une icône d’appareil photo générique. Le nouveau signe est fait de trois ovales de largeurs différentes sur une même ligne de base : un objectif vu de face, puis écrasé. Un logotype persan sur mesure et son équivalent latin se placent à côté.
Trois objectifs, une scène.
Les ovales ne sont pas de la décoration. Chacun est un objectif : macro, normal et télé. Choisissez-en un et la même image change comme le ferait un vrai objectif.
Touchez la photo pour la suivante
Trois objectifs, trois sortes de photos
À peu près ce que voit l’œil. Des distances naturelles, une scène comme si vous y étiez.
- Distance au sujet
- Quelques mètres
- Champ de vision
- Comme l’œil
- Idéal pour
- Rues, portraits, vie quotidienne
Faites glisser le point pour déplacer le sujet : loin, au milieu ou près. Plus le cône est étroit, plus l’objectif zoome.
Photos d’Unsplash et du dossier photo du projet.
Une seule unité le gouverne.
Chaque largeur vient d’une unité unique. Les ovales font 4, 8 et 12 unités de large, avec un espace d’une unité, et gardent tous les mêmes proportions où que le logo aille. Ce sont les dessins de construction du guide.
Que cela donne-t-il pour votre support ?
- Le signe seul, ou l’une des versions empilées5%
- Logotype persan seul7%
- Logo persan avec les ovales10%
- Logotype latin seul12%
- Logo latin avec les ovales15%
Au moins cette longueur, jamais plus petit. Agrandissez-le dès qu’il y a de la place.
Instagram et autres avatars circulaires
Photos de profil, pour Instagram et tout avatar circulaire
Carbone, flamme et un blanc chaud.
Trois couleurs principales portent la marque : le noir carbone, l’orange flamme et le perle, un blanc coquillage chaud. Deux couleurs secondaires les soutiennent : le bleu cobalt et le jaune rayon, la couleur de la lumière elle-même. Chaque couleur a une échelle de l’ombre profonde à la teinte pâle, et des dégradés mêlent deux d’entre elles.
À essayer: survolez un ovale pour lire sa couleur, touchez pour copier le HEX.
Les mêmes dégradés que dans le guide des couleurs, sur le signe du logo.
Des règles pour qu’il reste reconnaissable.
Un logo ne fonctionne que s’il a toujours le même aspect. Le guide indique quelles couleurs peuvent se poser sur lesquelles, montre les versions en dégradé pour fonds sombres et colorés, et nomme les erreurs à éviter.
Seules ces associations sont approuvées. Chacune est une couleur que le guide montre sur ce fond.
Une seule police, ronde ou classique.
Pour les textes du magasin, j’ai choisi Bonyade Koodak, qui existe en deux versions : une ronde et une classique. La marque est libre d’utiliser l’une ou l’autre, donc pas seulement la version ronde. Le guide typographique fixe quatre graisses, chacune avec son rôle, et donne des tailles et des interlignes pour le web, les réseaux sociaux et l’impression.
Tapez votre propre texte sur la ligne. Appuyez sur Entrée ou cliquez sur une ligne ci-dessous pour changer l’échantillon.
Web · ordinateur
Largeur de page 1024 px et plus
- دیدنگار Message principalMessage de bannière et de campagne 48 / 64 pxBlack
- دیدنگار AccrocheUne phrase courte et grande 40 / 60 pxLight
- دیدنگار Titre de pageTitre principal du contenu 36 / 52 pxBold
- دیدنگار Titre de sectionDébut d’une nouvelle section 28 / 40 pxBold
- دیدنگار Petit titreUne courte partie dans le contenu 22 / 32 pxBold
- دیدنگار Texte courantDescriptions et articles 16 / 28 pxRegular
- دیدنگار Texte d’aideNotes et légendes 14 / 24 pxRegular
Pour le message principal, choisissez Black ou Light, jamais les deux à la fois comme accroche principale.
Web · mobile
Largeur de page sous 1024 px
- دیدنگار Message principalMessage de bannière et de campagne 32 / 48 pxBlack
- دیدنگار AccrocheUne phrase courte et grande 32 / 48 pxLight
- دیدنگار Titre de pageTitre principal du contenu 28 / 40 pxBold
- دیدنگار Titre de sectionDébut d’une nouvelle section 24 / 36 pxBold
- دیدنگار Petit titreUne courte partie dans le contenu 20 / 32 pxBold
- دیدنگار Texte courantDescriptions et articles 16 / 28 pxRegular
- دیدنگار Texte d’aideNotes et légendes 14 / 24 pxRegular
Gardez le texte courant à 16 px. Si une accroche ne tient pas, mettez-la sur deux lignes.
Réseaux · post
Fichier de design 1080 × 1350 px
- دیدنگار Message principalUn seul message court 104 / 136 pxBlack
- دیدنگار AccrocheRemplace le message principal 88 / 128 pxLight
- دیدنگار Seconde accrocheMise en avant après le message principal 64 / 92 pxBold
- دیدنگار DescriptionUne ou deux phrases 44 / 68 pxRegular
- دیدنگار Nom du produitNom du modèle ou du produit 44 / 68 pxBold
- دیدنگار Texte courtÉtiquettes et petites informations 32 / 48 pxRegular
- دیدنگار Appel à l’actionVoir, acheter ou continuer 40 / 60 pxBold
Une accroche principale, une courte description et un appel à l’action suffisent.
Print · brochure
Portrait 210 × 297 mm
- دیدنگار Message principalCouverture et début de section 38 / 54 ptBlack
- دیدنگار AccrocheUne courte phrase d’affichage 32 / 48 ptLight
- دیدنگار TitreNom de section ou d’article 30 / 44 ptBold
- دیدنگار Seconde accrocheCorps d’un article 20 / 30 ptBold
- دیدنگار Texte courantDescriptions et articles 12 / 20 ptRegular
- دیدنگار Petite noteLégendes et notes 9 / 14 ptRegular
Pour une brochure ou un catalogue tenu en main, composez les longs textes en Regular.
Espacements, par l’exemple
Les bandes orange sont les espacements minimaux du guide
Sur ordinateur, 40 px entre sections indépendantes, 32 px sur mobile. 16 px entre une accroche et son texte, et entre les paragraphes.
32 px de l’accroche au texte suivant, 24 px de la description à l’action.
12 pt de l’accroche à sa description, 6 pt entre deux paragraphes.
Ovales, anneaux et boîtes.
Autour du logo se trouve un petit ensemble d’éléments graphiques, tous tirés de l’appareil photo. Des motifs répètent les ovales et le lettrage. Des anneaux brisés empruntent la forme d’une bague de mise au point. Des boîtes arrondies s’empilent comme une grille de viseur, et leur longueur est libre de changer. Les icônes sont dessinées au trait, d’une seule épaisseur, sans détails.
Anneaux de mise au point
Un cercle brisé en quatre arcs, large ou haut.
- Rond
- Large
- Haut
- Étroit
En situation, d’après le guide


Ovales
Trois ovales, écrasés et étirés, dans les deux sens.
- Du grand au petit
- Du petit au grand
- Petit, grand, moyen
- Moyen, grand, petit
En situation, d’après le guide


Icônes
Des traits simples, d’une seule épaisseur. Chaque icône fonctionne sur toutes les couleurs de la palette.
- Noir du site
- Flamme
- Cobalt
- Rayon
- Perle
- Noir du site
- Flamme
- Cobalt
- Rayon
- Perle
- Noir du site
- Flamme
- Cobalt
- Rayon
- Perle
- Noir du site
- Flamme
- Cobalt
- Rayon
- Perle
- Noir du site
- Flamme
- Cobalt
- Rayon
- Perle
Composez une bannière
Sur didnegar.com, des rangées de boîtes se trouvent sous la bannière principale, comme raccourcis vers la boutique, le magazine et l’académie. Les boîtes sont la brique du système : dans n’importe quel ordre, n’importe quelle longueur, n’importe quel nombre. Essayez.
- 1Touchez une boîte pour la placer dans la rangée.
- 2Faites glisser une boîte pour changer sa place.
- 3Touchez une boîte placée pour la retirer.
En situation, d’après le guide


Votre rangée est vide. Touchez une boîte ci-dessous.
Les lignes jaunes sont les repères de la rangée.
L’identité, en direct.
La nouvelle identité fonctionne désormais sur didnegar.com. Le logo et l’orange flamme se trouvent dans l’en-tête et les boutons. Les trois ovales, les anneaux de mise au point et les boîtes apparaissent dans les bannières et sous les produits.
Trois objectifs, un seul œil.











