Ejemplos de interfaz para la paleta TreeHugger
- Fog#3a7856rgb(58, 120, 86)
- Anakiwa#4acf7brgb(74, 207, 123)
- Malibu#a3e1a5rgb(163, 225, 165)
- Dodger Blue#f3fbc6rgb(243, 251, 198)
- Azure Radiance#f9b8a9rgb(249, 184, 169)
Elementos básicos de interfaz
Botones
Etiquetas
Etiqueta 1Etiqueta 2Etiqueta 3Etiqueta 4Etiqueta 5
Alertas
Mensaje de alerta con #3a7856
Mensaje de alerta con #4acf7b
Tarjetas de estadísticas
Ingresos totales
$15,231.89
+20.1% respecto al mes pasado
Usuarios activos
12,234
+2.3% respecto a la semana pasada
Tasa de conversión
3.42%
+0.5% respecto a ayer
Elementos de formulario
Formulario de inicio de sesión
Ajustes
Notificaciones
Recibir notificaciones por correo electrónico
Modo oscuro
Activar o desactivar el tema oscuro
Tabla
| Estado | Correo electrónico | Importe |
|---|---|---|
| Completado | [email protected] | $957.25 |
| Completado | [email protected] | $708.10 |
| Completado | [email protected] | $978.58 |
Calendario
junio de 2023
dom
lun
mar
mié
jue
vie
sáb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Objetivo de movimiento
Define tu objetivo de actividad diaria
350