Style de thème

Faubourg est livré avec un seul style de thème, appelé lui aussi Faubourg : une combinaison complète et cohérente de polices, de casse, d’espacements et de forme des contrôles. C’est l’allure de votre boutique dès l’installation du thème. À partir de là, quelques paramètres du thème suffisent pour lui donner une autre voix.

Ce que règle le style Faubourg

Faubourg est sobre et contemporain : une seule famille de caractères, la casse normale, des titres retenus et des contrôles en pilule. Le tableau ci-dessous est lu directement dans les fichiers du thème.

Le style règle aussi le reste des paramètres du thème : trois palettes de couleurs monochromes (voir Couleurs), une taille de lecture de 14 px, une page large avec une marge de 28 px, une densité et une taille de contrôles standard, des icônes fines et un panier en tiroir.

Revenir au style

Le style reste proposé dans l’éditeur de thème. L’appliquer de nouveau remet les paramètres du thème aux valeurs de Faubourg.

Trouver votre propre voix

Une voix tient surtout à trois réglages qui vont ensemble : la Police des titres, la Casse des titres et la Casse de l’interface. La forme des contrôles, le style des champs et des options et la gouttière des grilles de produits complètent ensuite l’allure. Modifiez-les dans Paramètres du thème ; toutes les sections suivent.

Deux combinaisons pour commencer :

Pour	Modifiez ces réglages
Une allure éditoriale : titres à empattements, plus d’air	Typographie : Police des titres Cormorant, Échelle des titres Expressive. Mise en page : Gouttière des grilles de produits Aérée. Boutons et champs : Forme des contrôles Adoucie, Style des champs Souligné.
Une allure graphique : majuscules et lignes droites	Typographie : Police des titres Montserrat Medium, Police du texte Montserrat, Graisse des titres Moyenne, Casse des titres Majuscules, Casse de l’interface Majuscules. Mise en page : Gouttière des grilles de produits Filet. Boutons et champs : Forme des contrôles Carrée, Style des champs Encadré, Style des options Cases.

Quelques règles valent quels que soient vos choix et gardent la boutique cohérente :

• Les majuscules sont toujours espacées. Dès que vous passez les titres ou l’interface en majuscules, l’espacement des lettres est ajusté automatiquement et les titres sont légèrement réduits pour occuper la même place.
• La police des titres nomme, celle du texte fait fonctionner. Titres de page, de section et noms de produits utilisent la police des titres ; boutons, champs, prix, navigation et texte courant utilisent la police du texte.
• Les titres ne sont jamais en gras. Leur graisse est celle choisie dans Graisse des titres.

Pour aller plus loin, voir Typographie et Boutons et champs.