Client-First — Version 2.1

Component Library

Client-First is a set of guidelines and strategies created by Finsweet to help you build Webflow websites.

Buttons

Button combo class system.

button style1
Button Text
button style1 small
Button Text
button style2
Button Text
button style2 small
Button Text

Heading & Content

Heading

Title

Label

SUIVI IA IA QUOTIDIEN

SUIVI IA IA QUOTIDIEN

Paragraph Block

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.

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.

Tag + Heading + CTA

SUIVI IA IA QUOTIDIEN

Title

Button Text

Inscrivez-vous pour être prévenue de la sortie d'Ainoha™.

Merci ! Votre inscription à notre liste d'attente est bien prise en compte.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

Une erreur est subvenue lors de l'envoi du formulaire. Actualisez la page et recommencez.
Image
Photo of a Novutechos working
Custom Grid
quotemark icon

Test sanguin à domicile (DBS)

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.

quotemark icon

Test sanguin à domicile (DBS)

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.

quotemark icon

Test sanguin à domicile (DBS)

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.

quotemark icon

Test sanguin à domicile (DBS)

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.

quotemark icon

Test sanguin à domicile (DBS)

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.

quotemark icon

Test sanguin à domicile (DBS)

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.

TypeWritter

Grid Tag+Heading+Paragraph+Button+Slot

SUIVI IA IA QUOTIDIEN

Title

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.

Button Text

Inscrivez-vous pour être prévenue de la sortie d'Ainoha™.

Merci ! Votre inscription à notre liste d'attente est bien prise en compte.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

Une erreur est subvenue lors de l'envoi du formulaire. Actualisez la page et recommencez.
Five stars on TrustPilot

Trusted by 8K+ users and rated 5+ on Trustpilot

Grid Tag+Heading+Paragraph+Button+Slot

SUIVI IA IA QUOTIDIEN

Analysez vos biomarqueurs

Un test sanguin simple et rapide pour mesurer vos indicateurs clés (vitamine D, omégas…). Des résultats clairs et actionnables, analysés par des laboratoires accrédités.

Commandez votre test

Inscrivez-vous pour être prévenue de la sortie d'Ainoha™.

Merci ! Votre inscription à notre liste d'attente est bien prise en compte.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

Une erreur est subvenue lors de l'envoi du formulaire. Actualisez la page et recommencez.
Photo of a Novutechos working

SUIVI IA IA QUOTIDIEN

Analysez vos biomarqueurs

Un test sanguin simple et rapide pour mesurer vos indicateurs clés (vitamine D, omégas…). Des résultats clairs et actionnables, analysés par des laboratoires accrédités.

Commandez votre test

Inscrivez-vous pour être prévenue de la sortie d'Ainoha™.

Merci ! Votre inscription à notre liste d'attente est bien prise en compte.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

Une erreur est subvenue lors de l'envoi du formulaire. Actualisez la page et recommencez.
Photo of a Novutechos working

SECTIONS

Section initial
Section Hero

FAITES LE POINT

Votre boussole hormonale, au quotidien

Ainoha™ transforme vos biomarqueurs sanguins et données de vie en recommandations claires pour aider les femmes de 40+ à retrouver équilibre, confiance et contrôle.

Button Text

Inscrivez-vous pour être prévenue de la sortie d'Ainoha™.

Merci ! Votre inscription à notre liste d'attente est bien prise en compte.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

Une erreur est subvenue lors de l'envoi du formulaire. Actualisez la page et recommencez.
Five stars on TrustPilot

Trusted by 8K+ users and rated 5+ on Trustpilot

Photo of a Novutechos working
Section CTA

FAITES LE POINT

Et si vous faisiez le point ?

Ainoha™ transforme vos biomarqueurs sanguins et données de vie en recommandations claires pour aider les femmes de 40+ à retrouver équilibre, confiance et contrôle.

Démarrer mon bilan

Inscrivez-vous pour être prévenue de la sortie d'Ainoha™.

Merci ! Votre inscription à notre liste d'attente est bien prise en compte.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

Une erreur est subvenue lors de l'envoi du formulaire. Actualisez la page et recommencez.
Section CTA Demo

SUIVI IA IA QUOTIDIEN

Inscrivez-vous pour être prévenue de la sortie d'Ainoha™.

Merci ! Votre inscription à notre liste d'attente est bien prise en compte.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

‍Rejoignez dès maintenant les premières utilisatrices d’Ainoha.

Une erreur est subvenue lors de l'envoi du formulaire. Actualisez la page et recommencez.

Votre corps parle un langage unique. Entre hormones, habitudes et émotions, il dessine une histoire qui n’appartient qu’à vous. Ainoha écoute, traduit et vous accompagne à chaque étape de la périménopause.

Démarrer mon bilan

CARDS

CARD Feature

Title

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.

Title

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.

Title

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.

CARD Testi
quotemark icon

Grâce à Ainoha, j’ai enfin compris mes symptômes et retrouvé de l’énergie. L’application me rassure au quotidien et me donne des réponses claires, là où je me sentais perdue et seule.

Isabelle, 47 ans

Photo of a Novutechos working
CARD Benefit
quotemark icon

Test sanguin à domicile (DBS)

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.

CARD Data
80
bpm
Pouls
CARD Article

Heading

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.

MARQUEE CMS
quotemark icon

J’avais passé plusieurs bilans « normaux », mais je ne me sentais toujours pas moi-même : brouillard mental, sautes d’humeur, migraines… Avec Ainoha™, j’ai enfin pu relier ces sensations à mon profil hormonal. Maintenant, je comprends ce que mon corps essaie de me dire. Et ça change tout.

Sophie, 42 ans

quotemark icon

quotemark icon

Je pensais vraiment que la périménopause, c’était pour plus tard ! Mais entre les insomnies, l’anxiété et les sautes d’humeur… je sentais bien que quelque chose changeait. Avec Ainoha™, j’ai enfin mis des mots sur ce que je vivais.

Lila, 39 ans

quotemark icon

quotemark icon

Je ne voulais plus continuer à acheter des compléments au hasard, sans savoir ce qui m’aidait vraiment. Avec le test Ainoha™ et le plan personnalisé, j’ai enfin compris ce dont mon corps avait besoin. Depuis, je me sens plus calme, je dors un peu mieux… et surtout, j’ai arrêté de me sentir perdue.

Rita, 50 ans

MARQUEE Statique
Photo of a Novutechos working

Title

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.

Photo of a Novutechos working

Title

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.

FAQ Dropdown

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

FAQ Group

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Slider arrows
Slider non CMS
Slide Component for slider
Slider CMS

Webflow elements

filter_sortmenu
filter_multioption-btn
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Visible Tag (not in form to filter)

Catégorie

category
Filter per link
Text Link