Tous les guidesGuide 01 · Atelier graphique

Des panneaux qui ont du caractère.

Transformez une simple pancarte en véritable enseigne du Vallon grâce aux balises intégrées à ECO.

Commencer le guide
Le Vallon
Couleurs
Icônes ECO
01
Ambiance

Donnez une couleur à votre message

Encadrez une phrase avec la balise color. Utilisez une teinte claire pour le titre et une couleur plus calme pour les informations secondaires.

<color=#8FD3C1>Marché ouvert jusqu’à 20 h</color>
#8FD3C1 · rivière#F3D18A · blé#D9E8CF · brume
Trouver une couleur et copier son code hexadécimal
02
Repère visuel

Montrez immédiatement ce que vous vendez

La commande ecoicon affiche l’image officielle d’un objet. Son identifiant interne doit être écrit en anglais, avec les bonnes majuscules.

<ecoicon item="HewnLogItem">

Ouvrez le wiki du jeu ou l’arbre des talents avec J pour retrouver l’identifiant anglais exact.

03
Rythme de lecture

Faites lire le titre avant le détail

Ces balises structurent l’affiche sans changer sa taille. Le gras attire l’œil, l’italique apporte une note et le barré signale une offre terminée.

UsageCodeRendu
Titre fort<b>HALLE DU VALLON</b>HALLE DU VALLON
Note douce<i>Récolte du matin</i>Récolte du matin
Information<u>Entrée côté rivière</u>Entrée côté rivière
Indisponible<s>Livraison fermée</s>Livraison fermée
MesureCO<sub>2</sub>CO2
Surface24 m<sup>2</sup>24 m2
04
Composition

Construisez votre affiche ligne par ligne

Nouvelle ligne
<br>
Bloc insécable
<nobr>Prix du jour : 4 ¤</nobr>
Alignement à droite
<align=right>Quai n° 3</align>
Décoration
<SPRITE=6>
Les sprites vont de 1 à 15.

Vous pouvez remplacer right par left ou center.

05
Création originale

Le comptoir des artisans

Un modèle inédit conçu pour le Vallon. Copiez-le, puis adaptez le produit, les horaires et l’emplacement à votre commerce.

<align=center>
<color=#8FD3C1><b>COMPTOIR DES ARTISANS</b></color>
<br>
<ecoicon item="HewnLogItem">
<color=#F3D18A>Bois taillé • commandes ouvertes</color>
<br>
<color=#D9E8CF><i>Dépôt au quai avant 20 h</i></color>
<SPRITE=6>
</align>