Weli Components
- ● Buttons
- ● Colours
- ● Typography
- ● Newsletter subscription building block
1 Atoms
2 Molecules
1 Atoms
Buttons
A. variant="text"
B. variant="contained"
C. variant="outlined"
Colours
Primary
main - "#00235F"
fade - "#00235F8F"
light - "#ECF7FB"
Secondary
main - "#F8CCBF"
dark - "rgba(0,0,0,.6)"
light - "#E1F5FE"
extra light - "#F8CCBF"
Success
main - "#4E9C2D"
Warning
main - "#4E9C2D"
light - "#FCEDE8"
Info
main - "#CCE4F2"
light - "#F4FCFF"
Text
primary - "#1E1E1E"
secondary - "#FFFFFF"
Grey
100 - "#F6F6F6"
200 - "#F3F3F3"
300 - "#CAC7C7"
400 - "#737373"
Red
default - "#C62743"
Green
default - "#10B22A"
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Subtitle1
Body 1
Body 2
Caption2 Molecules
Newsletter subscription building block
When user completes flow successfully, a green snackbar appears at the bottom of the page
¿Te gustaría recibir actualizaciones de nuestro contenido? Suscríbete
Síguenos
Sponsored by![]()
