Tekstil | Guide de style

Tekstil conçoit des stores et des rideaux pour les bureaux, les hôpitaux et les cliniques. Ce guide rassemble les couleurs, la typographie, les espacements et les composants de base de la marque. Les valeurs clés sont définies en variables Webflow: modifiez-les une seule fois et tout le site suit.

Logo

Logo inversé

Grille du logo

Couleur

Couleur de fond

Vanille

#f6f9eb

Couleur de la marque

Teal

#02787d

Couleur d'accent

Aqua

#1ab7b7

Couleur de texte

Black

#1c1c1c

Accent pour Résidentiel

Cognac

#8f6249

Typographie

H1 - Titre de page

H2 - Titre de section

H3 - Sous-titre

Texte d'intro
Exemple: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraphe
Exemple: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Exemple d'emphase: nos rideaux médicaux répondent aux normes les plus strictes des milieux hospitaliers.

Radius

2em

7em

2em

Boutons

Bouton primaire Bouton secondaire Lien texte

Champs

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Chips

Active

Inactive

Inaccessible

Alertes

This is some text inside of a div block.

Cartes

Label

Stores à rouleau

This is some text inside of a div block.

Lire l'article

Label

Rideaux médicaux

This is some text inside of a div block.

Voir la gamme

Label

Rideaux occultants

This is some text inside of a div block.

Voir la gamme

Onglets

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.