2011
Anno di fondazione
500H
Programma di formazione
2 anni
Percorso
Modena + online
Dove siamo
01. Il nostro approccio
Il nostro approccio
Un metodo che unisce anatomia, movimento e consapevolezza per un'esperienza di yoga che va dalla posizione verso una comprensione più profonda di se stessi.
Il corpo
Una mappa da esplorare
La mente
Un alleato nel movimento
La consapevolezza
Ogni respiro conta
Corsi e formazione
500H →
Yoga a tutti i livelli
Scopri →
Yoga in gravidanza
Scopri →
Risorse per approfondire
Scopri →
Non è solo yoga.
È conoscenza.
Un approccio che integra anatomia, scienza del movimento e consapevolezza per una pratica più autentica, sicura e trasformativa.
Corpo
Movimento
Respiro
Consapevolezza
03. Voci dalla nostra comunità
“È il tuo corpo che te lo sta restituendo.”
Giulia
Allieva corso 500H
← 01 / 03 →
04. Yoga, ma con un perché.
Yoga,
ma con un perché.
Anatomia · Movimento · Consapevolezza · Vita reale
Neuroscienza e yoga
Come lo yoga cambia il cervello
Colonna e movimento
Stabilità, mobilità e libertà
Natura e corpo
Un equilibrio che ci appartiene
Il corpo è il punto da cui partire.
Pratica →
Studia →
Trasforma →
Guida di stile · AnatomYoga
Palette e abbinamenti
I colori del sito: cinque di base più tre derivati per sfondi e testi secondari. Sotto trovi gli abbinamenti sfondo e testo con il contrasto calcolato, per scegliere quali usare nelle diverse sezioni.
Oro
#E1C058
Crema
#F8EDD0
Nero
#000000
Marrone
#382F2A
Sabbia
#C7AB81
Sfondo pagina
#FBF7EC
Fascia alternata
#F5ECD6
Testo morbido
#6B5B4F
Abbinamenti sfondo + testo
Quale combinazione funziona
Ogni riquadro mostra titolo, testo e link sullo sfondo indicato. Il rapporto di contrasto è calcolato: 4,5:1 è il minimo per testo normale (AA), 7:1 è ottimo (AAA). Gli ultimi due sono esempi da non usare.
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
A · Pagina predefinita · sfondo #FBF7EC, testo #382F2A · ~12:1 AAA
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
B · Fascia crema · sfondo #F8EDD0, testo #382F2A · ~11:1 AAA
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
C · Fascia alternata · sfondo #F5ECD6, testo #382F2A · ~11:1 AAA
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
D · Sabbia + nero · sfondo #C7AB81, testo #000000 · ~9,6:1 AAA
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
E · Sabbia + marrone · sfondo #C7AB81, testo #382F2A · ~5,9:1 AA (più morbido, ok per testi brevi)
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
F · Marrone + crema · sfondo #382F2A, testo #F8EDD0, link #E1C058 · ~11:1 AAA
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
G · Marrone + titolo oro · sfondo #382F2A, titolo #E1C058 (~7,4:1), testo #F8EDD0 (~11:1) AAA
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
H · Nero + titolo oro · sfondo #000000, titolo #E1C058 (~12:1), testo #F8EDD0 (~18:1) AAA
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
I · Oro + marrone · sfondo #E1C058, testo #382F2A · ~7,4:1 AAA
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
L · Oro + nero · sfondo #E1C058, testo #000000 · ~12:1 AAA
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
M · Testo morbido · sfondo #FBF7EC, testo #6B5B4F · ~6:1 AA (solo testi secondari)
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
DA EVITARE · oro su crema: sfondo #F8EDD0, testo #E1C058 · ~1,5:1, illeggibile
Leggere il corpo
Non insegniamo posizioni, insegniamo a leggere il corpo. Anatomia, consapevolezza e movimento intelligente.
DA EVITARE · crema su sabbia: sfondo #C7AB81, testo #F8EDD0 · ~1,9:1, illeggibile
Tipografia · su sfondo chiaro #FBF7EC, testo #382F2A
H1 · Playfair Display 400 · 68 / 52 / 36 px (desktop / tablet / mobile)
Non insegniamo posizioni, insegniamo a leggere il corpo.
H2 · Playfair Display 400 · 48 / 40 / 30 px
Anatomia, neuroscienze e percezione
H3 · Playfair Display 400 · 21 / 20 / 18 px
Il metodo AnatomYoga
H4 · Open Sans 600 · 18 / 18 / 16 px
Corsi e formazione
H5 · Playfair Display 400 · 18 / 18 / 17 px
Scuola biennale 500H
Sottotitolo (lead) · Open Sans 400 · 18 / 18 / 16 px
Un metodo che unisce anatomia, movimento e consapevolezza per una pratica più autentica, sicura e trasformativa.
Paragrafo · Open Sans 400 · 16 px · con corsivo, grassetto e link
Lo yoga diventa ricerca: capire come funziona il corpo, sentire come respira e scegliere il movimento giusto. Vuoi approfondire? Leggi il metodo completo, oppure scopri i corsi di formazione e le pratiche a tutti i livelli.
Citazione · Playfair Display corsivo · 24 / 24 / 20 px
“Il corpo è il punto da cui partire.”
Etichetta / eyebrow · Open Sans 600 maiuscolo · 12 px · spaziatura 0,14em
Corpo · Movimento · Respiro
Testo piccolo · Open Sans 400 · 14 px
Didascalie, note, date e informazioni secondarie, con il testo morbido #6B5B4F.
Tipografia · su sfondo scuro #382F2A, testo #F8EDD0
H1 · Playfair Display 400 · 68 / 52 / 36 px (desktop / tablet / mobile)
Non insegniamo posizioni, insegniamo a leggere il corpo.
H2 · Playfair Display 400 · 48 / 40 / 30 px
Anatomia, neuroscienze e percezione
H3 · Playfair Display 400 · 21 / 20 / 18 px
Il metodo AnatomYoga
H4 · Open Sans 600 · 18 / 18 / 16 px
Corsi e formazione
H5 · Playfair Display 400 · 18 / 18 / 17 px
Scuola biennale 500H
Sottotitolo (lead) · Open Sans 400 · 18 / 18 / 16 px
Un metodo che unisce anatomia, movimento e consapevolezza per una pratica più autentica, sicura e trasformativa.
Paragrafo · Open Sans 400 · 16 px · con corsivo, grassetto e link
Lo yoga diventa ricerca: capire come funziona il corpo, sentire come respira e scegliere il movimento giusto. Vuoi approfondire? Leggi il metodo completo, oppure scopri i corsi di formazione e le pratiche a tutti i livelli.
Citazione · Playfair Display corsivo · 24 / 24 / 20 px
“Il corpo è il punto da cui partire.”
Etichetta / eyebrow · Open Sans 600 maiuscolo · 12 px · spaziatura 0,14em
Corpo · Movimento · Respiro
Testo piccolo · Open Sans 400 · 14 px
Didascalie, note, date e informazioni secondarie, con la sabbia #C7AB81.
Pulsanti · su sfondo chiaro #FBF7EC
Pulsanti e hover
Passa il mouse sopra ogni pulsante per vedere l'effetto (su mobile, tocca). Per ognuno trovi la sigla, i colori e cosa cambia al passaggio. Su mobile i pulsanti pieni e con contorno occupano tutta la larghezza per essere facili da toccare.
B1 · Pieno oro, angoli 2 px · hover: marrone, testo crema
B2 · Pieno oro, arrotondato · hover: nero, testo oro
B3 · Pieno marrone, angoli 2 px · hover: oro, testo marrone
B4 · Pieno marrone, arrotondato · hover: nero
B5 · Pieno nero, angoli 2 px · hover: oro, testo nero
B6 · Contorno marrone, angoli 2 px · hover: riempito marrone, testo crema
B7 · Contorno marrone, arrotondato · hover: riempito oro
B8 · Contorno sabbia, angoli 2 px · hover: riempito sabbia, testo nero
B9 · Solo testo sottolineato · hover: sottolineatura oro, lettere più spaziate
B10 · Cerchio oro con freccia + testo · hover: la distanza si allarga
→
Scopri il metodo
Pulsanti · su sfondo scuro #382F2A
S1 · Pieno oro, angoli 2 px · hover: crema, testo marrone
S2 · Pieno oro, arrotondato · hover: crema
S3 · Pieno crema, angoli 2 px · hover: oro
S4 · Contorno crema, angoli 2 px · hover: riempito crema, testo marrone
S5 · Contorno oro, arrotondato · hover: riempito oro, testo marrone
S6 · Solo testo oro sottolineato · hover: crema
Pulsanti · su sfondo oro #E1C058
O1 · Pieno marrone, angoli 2 px · hover: nero
O2 · Pieno nero, arrotondato · hover: marrone
O3 · Contorno marrone, angoli 2 px · hover: riempito marrone, testo crema