Exemple
La charte d'un client fictif.
Palette, polices, tailles, boutons, champ et carte de la Fromagerie Vertbois : c'est ce que vous montrerez à votre client, et ce que Craftly exporte en CSS.
Créer la vôtreFromagerie Vertbois
Charte Vertbois
Le texte courant suit la police de corps, à la taille de base du kit.
Petit texte, légendes et mentions.
Carte
Même rayon que les boutons.
- Principale#1f6f5c
- Secondaire#f2c14e
- Accent#b11226
- Texte#1d1d1d
Export
Le variables.css,
prêt à coller.
:root {
--color-primary: #1f6f5c;
--color-secondary: #f2c14e;
--color-accent: #b11226;
--color-background: #ffffff;
--color-text: #1d1d1d;
--font-heading: "Fraunces";
--font-body: "Work Sans";
--text-heading: 40px;
--text-base: 17px;
--text-small: 14px;
--radius: 4px;
--button-border: 0;
}
Saisissez
Les couleurs du client, en HEX ou au sélecteur natif. Un HEX invalide ne remplace pas la dernière valeur valide.
Choisissez
Les polices des titres et du texte, puis les tailles et le rayon des boutons.
Exportez
Copiez ou téléchargez le variables.css : il s'applique tel quel sur une page vierge.
Questions
Est-ce gratuit ?
Oui. Tout est gratuit pendant la version 1.
Faut-il un compte ?
Pour enregistrer vos kits, oui. Cette page et l'exemple restent visibles sans compte.
Qui utilise Craftly ?
Les freelances et les petites agences qui préparent une charte pour leurs clients.