Ondavilo + · Cinq ateliers, une seule extension
De la formeà toute votre identité.
Retrouvez Ondavilo et ajoutez les couleurs, les textes, les espaces et les mouvements. Voyez séparément ce que chaque atelier change.
Environ 2,50 € / mois avec l’abonnement annuel à 29,99 €. Paiement mensuel : 3,99 €. Vente pas encore ouverte.
Classic Color Type Spacing Motion
01 · Classic
Des raccords qui changent tout.
Reliez deux sections avec une vague, une courbe ou une diagonale. Ajoutez un décor, choisissez vos couleurs et essayez un mouvement doux.
5 familles de formes · 4 fonds · 2 blocs natifs · styles et exports
● ● ● Votre site WordPress · exemple ↗
studio onde✳ Idées & créations
UN UNIVERS À VOUS Une idée simple. Présentez votre activité avec une page claire, accueillante et facile à parcourir.
Découvrir le projet ↗ VOTRE PROCHAINE IDÉE Une page. ↗
01 / LA FORME Un premier regard. Un décor qui donne envie de découvrir la suite.
02 / LE FOND Votre identité. Des détails qui racontent la même histoire.
Votre contenu. Votre rythme. Votre site.
studio onde✳ Idées & créations
UN UNIVERS À VOUS Une idée simple. Présentez votre activité avec une page claire, accueillante et facile à parcourir.
Découvrir le projet ↗ VOTRE PROCHAINE IDÉE Une page. ↗
01 / LA FORME Un premier regard. Un décor qui donne envie de découvrir la suite.
02 / LE FOND Votre identité. Des détails qui racontent la même histoire.
Votre contenu. Votre rythme. Votre site.
AVANT APRÈS ‹
↔ Faites glisser pour comparer Tout l’avant Tout l’après
Ajuster cet exemple +
Palette de l’exempleIris Sauge Encre bleue Rose terre
Forme du raccordVagues Courbes Diagonale Triangles Marches
Motif du fondPetits pois Dégradé Quadrillage Rayures
Taille du texte · Type
Espaces · Spacing
La même page des deux côtés. Seul le traitement visuel change.
Exemple fictif construit avec les moteurs Ondavilo. Réglages locaux, sans enregistrement. Pause
02 · Color
Des couleurs qui vont ensemble.
Préparez une palette à partir d’une couleur de départ et observez le contraste texte/fond. Ici, le contenu et la disposition restent identiques : regardez la couleur faire son travail.
Palettes · contrastes évaluables · essais réversibles
● ● ● Votre site WordPress · exemple ↗
studio onde✳ Idées & créations
UN UNIVERS À VOUS Une idée simple. Présentez votre activité avec une page claire, accueillante et facile à parcourir.
Découvrir le projet ↗ VOTRE PROCHAINE IDÉE Une page. ↗
01 / LA FORME Un premier regard. Un décor qui donne envie de découvrir la suite.
02 / LE FOND Votre identité. Des détails qui racontent la même histoire.
Votre contenu. Votre rythme. Votre site.
studio onde✳ Idées & créations
UN UNIVERS À VOUS Une idée simple. Présentez votre activité avec une page claire, accueillante et facile à parcourir.
Découvrir le projet ↗ VOTRE PROCHAINE IDÉE Une page. ↗
01 / LA FORME Un premier regard. Un décor qui donne envie de découvrir la suite.
02 / LE FOND Votre identité. Des détails qui racontent la même histoire.
Votre contenu. Votre rythme. Votre site.
AVANT APRÈS ‹
↔ Faites glisser pour comparer Tout l’avant Tout l’après
Ajuster cet exemple +
Palette de l’exempleIris Sauge Encre bleue Rose terre
Forme du raccordVagues Courbes Diagonale Triangles Marches
Motif du fondPetits pois Dégradé Quadrillage Rayures
Taille du texte · Type
Espaces · Spacing
La même page des deux côtés. Seul le traitement visuel change.
Exemple fictif construit avec les moteurs Ondavilo. Réglages locaux, sans enregistrement. Pause
03 · Type
L’essentiel se voit au premier regard.
Donnez une hiérarchie à vos titres et à vos textes. Ajustez les tailles et les interlignes, préparez une échelle et exportez un titre fluide.
Tailles · interlignes · échelles · CSS fluide
● ● ● Votre site WordPress · exemple ↗
studio onde✳ Idées & créations
UN UNIVERS À VOUS Une idée simple. Présentez votre activité avec une page claire, accueillante et facile à parcourir.
Découvrir le projet ↗ VOTRE PROCHAINE IDÉE Une page. ↗
01 / LA FORME Un premier regard. Un décor qui donne envie de découvrir la suite.
02 / LE FOND Votre identité. Des détails qui racontent la même histoire.
Votre contenu. Votre rythme. Votre site.
studio onde✳ Idées & créations
UN UNIVERS À VOUS Une idée simple. Présentez votre activité avec une page claire, accueillante et facile à parcourir.
Découvrir le projet ↗ VOTRE PROCHAINE IDÉE Une page. ↗
01 / LA FORME Un premier regard. Un décor qui donne envie de découvrir la suite.
02 / LE FOND Votre identité. Des détails qui racontent la même histoire.
Votre contenu. Votre rythme. Votre site.
AVANT APRÈS ‹
↔ Faites glisser pour comparer Tout l’avant Tout l’après
Ajuster cet exemple +
Palette de l’exempleIris Sauge Encre bleue Rose terre
Forme du raccordVagues Courbes Diagonale Triangles Marches
Motif du fondPetits pois Dégradé Quadrillage Rayures
Taille du texte · Type
Espaces · Spacing
La même page des deux côtés. Seul le traitement visuel change.
Exemple fictif construit avec les moteurs Ondavilo. Réglages locaux, sans enregistrement. Pause
04 · Spacing
Un peu d’air change la lecture.
Écartez les éléments, aérez une section et retrouvez un rythme régulier. Comparez la même page avec des espacements serrés puis ajustés.
Marges et espaces pris en charge · écarts · attributs natifs
● ● ● Votre site WordPress · exemple ↗
studio onde✳ Idées & créations
UN UNIVERS À VOUS Une idée simple. Présentez votre activité avec une page claire, accueillante et facile à parcourir.
Découvrir le projet ↗ VOTRE PROCHAINE IDÉE Une page. ↗
01 / LA FORME Un premier regard. Un décor qui donne envie de découvrir la suite.
02 / LE FOND Votre identité. Des détails qui racontent la même histoire.
Votre contenu. Votre rythme. Votre site.
studio onde✳ Idées & créations
UN UNIVERS À VOUS Une idée simple. Présentez votre activité avec une page claire, accueillante et facile à parcourir.
Découvrir le projet ↗ VOTRE PROCHAINE IDÉE Une page. ↗
01 / LA FORME Un premier regard. Un décor qui donne envie de découvrir la suite.
02 / LE FOND Votre identité. Des détails qui racontent la même histoire.
Votre contenu. Votre rythme. Votre site.
AVANT APRÈS ‹
↔ Faites glisser pour comparer Tout l’avant Tout l’après
Ajuster cet exemple +
Palette de l’exempleIris Sauge Encre bleue Rose terre
Forme du raccordVagues Courbes Diagonale Triangles Marches
Motif du fondPetits pois Dégradé Quadrillage Rayures
Taille du texte · Type
Espaces · Spacing
La même page des deux côtés. Seul le traitement visuel change.
Exemple fictif construit avec les moteurs Ondavilo. Réglages locaux, sans enregistrement. Pause
05 · Motion
Un détail qui répond à votre visiteur.
Faites onduler un titre, soulignez une idée ou accompagnez son arrivée à l’écran. Les cartes conservent aussi leurs deux effets au survol et au focus.
Titres : vague, entrée douce, soulignement · cartes : soulèvement et opacité
Faites des vagues. Animation du titreVague Entrée douce Soulignement animé Rejouer l’animation
SANS EFFET ↗ Une carte immobile. Survolez ou touchez cette carte.
AVEC MOTION ↗ Un détail qui répond. Survolez, touchez ou utilisez Tab.
Effet MotionSoulèvement Opacité Aucun Les vrais effets au survol et au focus de l’extension.
Exemple fictif construit avec les moteurs Ondavilo. Réglages locaux, sans enregistrement. Pause
Dans votre WordPress
Observez. Essayez. Gardez ce qui fonctionne.
01
Choisissez votre page
Ouvrez l’atelier local et observez une page publiée de votre site.
02
Comparez vos essais
Testez les valeurs compatibles. Les aperçus du studio restent temporaires et annulables.
03
Enregistrez dans l’éditeur
Transmettez les valeurs Type, Spacing et Motion, sélectionnez le bloc correspondant puis sauvegardez avec WordPress.
Les capacités dépendent des blocs. Les contrastes observés ne sont pas une certification d’accessibilité.
Choisissez votre atelier
Les formes, ou toute la composition.
Un outil gratuit pour commencer. Cinq ateliers réunis pour aller plus loin.
Commencer avec les formes
Ondavilo
Gratuit
Les fonctions incluses, sans quota.
Cinq familles de séparateurs SVG Quatre types de fonds et motifs Animations douces et réglages responsives Deux blocs natifs WordPress Styles réutilisables et exports Téléchargement en attente de validation sur WordPress.org.
WordPress.org · validation en cours
Toute la composition
Ondavilo +
Tous les outils d’Ondavilo gratuit Color · palettes et contrastes Type · tailles, interlignes et échelles Spacing · espaces et écarts Motion · titres animés et effets de survol Paiement pas encore ouvert.
Acheter Ondavilo + · bientôt disponible