Está en la página 1de 2

https://material.io/tools/color/#!/?

view.left=0&view.right=0&primary.color=1564bf&secondary.color=33691e

logotipo
letra roboto
color letra=#121010 con opacidad:90%
color del rayo
arriba=#1564BF
abajo=#629749
fondo=#D9F3F7 con opacidad: 63% con radios=30px

Barra superior(donde esta el wifi,la señal del celu)


fondo:003B8E opacidad 80%
texto:F8F8F8 opacidad 90%

Fondo Aplicacion
imgen de fondo: opacidad de 70%
P — Dark
color de fondo aplicacion:#003b8e opacidad 80%

Login
Titulo
txt Login=(times new roman:48px,color:ECEFF1 opacidad:90%)

icono
dimensiones icono:w35px, h35px
color iconos:#ECEFF1

txt
dimensiones txt:w260px,h40px,16px radius
color txt:#ECEFF1 opacidad 90%
texto del txt:arial 17px con B
color texto del txt:#121010 con opacidad:90%

boton
dimensiones btn:w335px,h40px, 12px radius
color btn:#003B8E opacidad 89%
estilo btn: stroke(color:F2EFEF, 2px),
Shadows(color:003D00,X:3px,Y:4px,Blur:5px,spread:1px )
txt btn:(arial:17px con B,color:ECEFF1 opacidad:90%)

--------------------------------------------
vista ok
icon check color como negro tamaño:w200px,h200px
icon check color como negro: #282727 opacidad 87%

icon check color como Griss tamaño:w167px,h167px


icon check color como Griss: #E8E6E6 opacidad 90px
--------------------------------------------
Recuperar Password

texto Ingrese correo :times new roman 36, con b color=ECEFF1 opacidad 90%
icon correo dimensiones= w35px,h35px, color ECEFF1 opacidad 100%

--------------------------------------------
pantalla verificacion

texto Ingrese codigo enviado a su correo :times new roman 36, con b color=ECEFF1
opacidad 90%

icono correo
dimensiones icono:w70px, h70px
color iconos:#ECEFF1

caja de txt de numero


dimensiones de caja de texto:w50px, h40px, radius 16px
color caja de texto: #ECEFF1 opacidad 90%

caja de Notificacion
dimensiones caja notificacion:w360px,h91px

texto correo: arial 16px color=#3E3D3D opacidad 95%


texto Contenido mensaje: arial 14px color=#3E3D3D opacidad 90%
texto hora: arial 12px color=#3E3D3D opacidad 90%

dimensiones icono:w40px, h40px


color icon:#629749 opacidad 80%

--------------------------------------------
formulario registro

texto Formulario Registro :times new roman 36, con b color=ECEFF1 opacidad 90%

Texto (nombre completo,correo, telefono, etc):arial 18, con b color=ECEFF1 opacidad


90%

caja de check
cuadrado:w30px, h30px radius 5px
color cuadrado: #33691E opacidad 90%

icono check dentro del cuadrado


dimensiones del icono:w25px, h25px
color icono:#E8E6E6 opacidad 90%

caja de Texto
dimensiones txt:w320px,h40px,16px radius
color txt:#ECEFF1 opacidad 90%
texto del txt:arial 17px con B
color texto del txt:#121010 con opacidad:90%

También podría gustarte