Draft EN — English version Descargar para Windows

Documentación

Estilo

Cómo cambiar el aspecto de una pieza o de una pantalla entera.

Paquetes de estilo

Un paquete es una familia de widgets que combinan: cada uno tiene su versión de 39 widgets, y cambia la forma de las piezas, no solo el color. Se aplica a un widget, o a toda la página desde la pestaña Variantes. Puede seguir el color de acento del proyecto.

El paquete Grafito en un titular, un campo, una fila de lista, una etiqueta, un interruptor y un botón.

Grafito

Negro sobre gris claro, tarjetas blancas de esquinas grandes y botones en píldora. Pensado para finanzas y paneles.

El paquete Bosque en un titular, un campo, una fila de lista, una etiqueta, un interruptor y un botón.

Bosque

Verde bosque y salvia, campos y etiquetas en píldora con un borde fino. Calmado, para salud o productos naturales.

El paquete Brasa en un titular, un campo, una fila de lista, una etiqueta, un interruptor y un botón.

Brasa

Rojo brasa a naranja con controles claros en píldora. Con energía, para finanzas modernas.

El paquete Hoja en un titular, un campo, una fila de lista, una etiqueta, un interruptor y un botón.

Hoja

Un verde vivo, con botones negros en píldora y campos casi blancos. Para banca y apps limpias.

El paquete Plata en un titular, un campo, una fila de lista, una etiqueta, un interruptor y un botón.

Plata

Grises plateados, esquinas pequeñas y titulares en tipografía monoespaciada. Para herramientas técnicas.

El paquete Consulta en un titular, un campo, una fila de lista, una etiqueta, un interruptor y un botón.

Consulta

Tonos cálidos y suaves, campos y etiquetas en píldora. Para cuidado, salud y servicios.

El paquete Editorial en un titular, un campo, una fila de lista, una etiqueta, un interruptor y un botón.

Editorial

Titulares con serifa sobre crema, y un botón negro de esquinas suaves. Para moda y contenido.

El paquete Voltio en un titular, un campo, una fila de lista, una etiqueta, un interruptor y un botón.

Voltio

Negro y lima eléctrico, con un botón lima de texto negro. Para movilidad y energía.

Más formas de dar estilo

Texto

Tipografías de Google Fonts, seis pesos, cursiva, subrayado, tachado y alineación. Además, texto en dos tonos: pinta los decimales de un precio, la primera palabra o la última con otro color.

Color, degradados y sombras

Un selector de color por tono, saturación y brillo, o con el código hexadecimal. Degradados en fondos y botones, opacidad, esquinas redondeadas y tres tipos de sombra: la de siempre, una dura y un resplandor de color.

Bordes animados y vidrio

Un borde con degradado que gira, un brillo que late o un destello que recorre el contorno. Y efecto vidrio: marcos, tarjetas, barras, botones y campos desenfocan lo que tienen detrás con un fondo semitransparente.

Micro-interacciones

Haz que un widget reaccione cuando lo tocan, cuando aparece o cuando pasas el mouse: cambia su opacidad, su tamaño, su giro o su posición, rápido, suave o con rebote. Se ve en la Vista previa.

Íconos, logos y fotos

Más de 6.600 íconos de Material en tres estilos y 64 logos a color de pagos, cripto, banderas y redes. Y subes tus propias fotos desde tu computadora (hasta 8 MB cada una).

Gráficos y calendarios

Gráficos de barras, barras horizontales, líneas, área, torta, dona y radar, con hasta tres series y un toque que resalta. Calendarios de mes y de semana, un selector de fecha y un mes con puntos.

Un tema por proyecto

El color de acento y los colores base del proyecto se definen una vez, y los paquetes de estilo pueden seguirlos.