Page d'exemple

Archetype helps you create a design system of consistent, reusable components which can be easily implemented as your finished design is exported as developer-friendly CSS so everyone's happy!

H2 : Heading Two

H3 : Heading Three

H4 : Heading Four

H5 : Heading Five

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

  • Bullet point 1
  • Bullet point 2 bullet point 2
  • Bullet point 3
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Bullet point 4 bullet point 4 bullet point 4 bullet point 4
  • Bullet point 5 bullet point 5
  • Bullet point 6 bullet point 6 bullet point 6 bullet point 6 bullet point 6 bullet point 6

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.


Accordéons

Paragraph: Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all underpinned by established typographic best practices meaning less guesswork and more harmonious designs.

Paragraph: Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all underpinned by established typographic best practices meaning less guesswork and more harmonious designs.

Paragraph: Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all underpinned by established typographic best practices meaning less guesswork and more harmonious designs.

Séparateurs


Onglets

Paragraph: Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all underpinned by established typographic best practices meaning less guesswork and more harmonious designs.

Paragraph: Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all underpinned by established typographic best practices meaning less guesswork and more harmonious designs.

Paragraph: Archetype lets designers like you very quickly and easily create consistent typography styling and spacing live, in the browser. These styles are all underpinned by established typographic best practices meaning less guesswork and more harmonious designs.


Galerie


Colonnes

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.


Tableau

Lorem ipsum Consectetur Tempor Ullamco
Laboris Mollit anim Consequat Commodo
Aliquip Reprehendit Fugiat nulla Document
Commodo consequat Occaecat Veniam qui nostrud Veniam qui nostrud
Pariatur Proident Irure dolor in Irure dolor in

 


Blocs

H3 : Heading Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

H3 : Heading Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

H3 : Heading Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Citation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Integer posuere erat a ante.

Someone famous in Source Title


Formulaire d'exemple

Formulaire de commandes

Adresse de facturation
Adresse de livraison
Adresse de livraison (détails)
Votre commande
In Vivo n° 29 :
In Vivo n° 28 :
In Vivo n° 27 :
In Vivo n° 26 :
In Vivo n° 25 :
In Vivo n° 24 :
In Vivo n° 23 :
In Vivo n° 22 :
In Vivo n° 21 :

Texte et images avec fond


Chiffres clés

Chiffres

700%

Au CHUV, le nombre de demandes de changement de genre est passé de 18 en 2017 à 155 en 2021, ce qui correspond à une augmentation de plus de 700%.


Lexique

Lexique

Cisgenre

terme désignant une personne dont l’identité de genre (masculin ou féminin) correspond à son sexe biologique.

 

terme désignant une personne dont l’identité de genre (masculin ou féminin) correspond à son sexe biologique.

Dysphorie

une personne souffre de dysphorie lorsque des symptômes pathologiques émergent de l’inadéquation entre le genre auquel elle a été assignée et le genre ressenti.

Femme trans

personne assignée homme à la naissance, mais dont l’identité de genre est féminine.

Gender fluid

expression utilisée par les personnes dont le genre oscille entre la masculinité et la féminité.

Homme trans

personne assignée femme à la naissance, mais dont l’identité de genre est masculine.


Témoignages

« Notre fils veut simplement vivre son identité de genre avec légitimité »

Propos recueillis par Andrée-Marie Dussault

Les parents sont aussi concernés par la transition de genre de leurs enfants. Ils peuvent désormais partager leurs vécus dans le cadre d’associations, comme le témoigne cette maman.

À Genève, l'association TransParents vient d'être constituée pour les parents et proches de jeunes trans et non binaires qui souhaitent échanger entre eux. Une mère, membre de l'association, témoigne pour son enfant né avec un sexe féminin.

«Avec mon époux, nous accompagnons depuis un an la transition de notre enfant de 14 ans. Avec beaucoup de courage, il nous a communiqué qu'il y avait une incongruence entre son sexe assigné à la naissance et son ressenti. Être parent, c'est déjà une sacrée aventure en soi. Là, c'est quelque chose que nous avons accueilli avec beaucoup de respect et d'amour malgré un grand bouleversement.

Notre enfant n'a jamais eu d'intérêt pour le monde féminin. Tout petit, c'est en costume de Spiderman qu'il soufflait ses bougies d'anniversaire avec le vœu de devenir un garçon. Il y a un an, tout a donc pris du sens.

Nous nous sommes posé mille et une questions. Pour intégrer cette nouvelle donne, mon mari et moi avons cherché des relais professionnels parce que tout cela était nouveau pour nous. Nous avons découvert Le Refuge, un espace d'accueil pour les jeunes LGBTIQA+ et leurs proches, situé à Genève, qui a été essentiel dans notre cheminement.

La thématique de la transidentité est complexe, et malheureusement trop souvent présentée dans les médias sous l'angle d'un phénomène de mode. Chaque personne a son propre parcours et sa propre histoire. La démarche de notre fils n'est pas militante. Il veut simplement vivre son identité de genre avec légitimité.

Sa transition sociale s'est faite en plusieurs étapes. Dans un premier temps, il s'est fait couper les cheveux très courts. On s'est adressé à lui au masculin en utilisant le diminutif de son prénom de naissance, qui est neutre. Depuis, nous avons choisi en famille un prénom masculin qui lui convient.»