Saltar al contenido
Catálogo de estilos

Elige cómo se verá y se moverá tu web.

Prueba cada estilo en vivo sobre tarjetas de ejemplo, cambia la paleta de colores y marca los que te gusten. Tu selección pasa directo a tu brief de proyecto.

12efectos de movimiento
8texturas y fondos
8paletas por rubro
6combinaciones de letras
Probar el catálogo con la paleta:
C-01 · Noche lima

Movimiento · M

Animaciones que guían la mirada hacia lo importante. Bien dosificadas, hacen que tu web se sienta viva sin distraer.

M-01

Aparición al bajar

Los bloques entran suavemente, uno tras otro, cuando el visitante baja por la página.

M-02

Inclinación 3D

La tarjeta se inclina siguiendo el cursor y gana sensación de profundidad.

M-03

Luz que sigue al cursor

Un halo de color acompaña al cursor. Es el efecto de la portada de SitesCenter.

M-04

Texto que se escribe solo

Una frase aparece letra por letra, como si alguien la estuviera escribiendo.

M-05

Cinta en movimiento

Tus servicios o mensajes desfilan en una franja continua. Se pausa al pasar el cursor.

M-06

Contador animado

Las cifras de tu negocio suben desde cero cuando aparecen en pantalla.

M-07

Profundidad en capas

Fondo y primer plano se mueven a distinta velocidad, como en una ventana.

M-08

Botón magnético

El botón principal se acerca al cursor e invita a hacer clic.

M-09

Elevación al pasar el cursor

Las tarjetas se levantan con una sombra suave y responden al visitante.

M-10

Revelado de imagen

Las fotos se descubren con un barrido limpio al entrar en pantalla.

M-11

Borde de luz

Una luz recorre el borde de lo que quieres destacar: una oferta, un plan, un aviso.

M-12

Zoom lento de imagen

La foto de portada se acerca muy despacio y le da vida sin distraer.

Texturas y fondos · T

Le dan carácter al fondo de tu web sin quitarle protagonismo a tu contenido.

T-01

Grano fino

Una textura sutil, como de papel fotográfico, que quita lo plano a los colores.

T-02

Degradado malla

Manchas de color que se funden entre sí. Moderno y llamativo para portadas.

T-03

Vidrio esmerilado

Paneles translúcidos que dejan ver los colores de atrás, difuminados.

T-04

Cuadrícula

Líneas finas de plano técnico. Transmite orden y precisión.

T-05

Puntos

Una trama de puntos ligera, más suave que la cuadrícula.

T-06

Aurora

Franjas de luz que ondulan despacio. Ideal para eventos y marcas con energía.

T-07

Papel

Un fondo cálido con fibra muy suave. Cercano y artesanal.

T-08

Líneas diagonales

Rayas finas en diagonal que dan dinamismo a bandas y separadores.

Colores · C

Paletas pensadas por rubro. Toca "Probar en el catálogo" y todas las tarjetas cambiarán a esa paleta.

C-01

Noche lima

Sugerida para: tecnología y marcas modernas

#0A0B0F#F4F5F7#D4FF3F
C-02

Legal sobrio

Sugerida para: estudios legales y contables

#F5F1E8#14233A#14233A
C-03

Salud limpio

Sugerida para: clínicas y consultorios

#F4F9FA#0F2E35#0B7C78
C-04

Restaurante cálido

Sugerida para: restaurantes y cafeterías

#1C130E#F7EBDD#E0703A
C-05

Eventos vibrante

Sugerida para: eventos y entretenimiento

#120A2A#F6F2FF#FF3D8B
C-06

Belleza suave

Sugerida para: salones y bienestar

#FBF3F0#3D2A2C#A8506A
C-07

Tecnología fría

Sugerida para: software y servicios digitales

#0A1022#EEF3FF#4D8DFF
C-08

Natural

Sugerida para: turismo, hoteles y productos naturales

#F2F0E6#23301C#4E6B2F

Tipografía · F

La letra también comunica. Cada combinación une una letra para títulos y otra para textos.

F-01

Moderna técnica

Space Grotesk para títulos e Inter Tight para textos. Directa y actual.

F-02

Editorial elegante

Playfair Display para títulos e Inter para textos. Prestigio y confianza.

F-03

Cálida

Fraunces para títulos y Manrope para textos. Cercana, ideal para gastronomía.

F-04

Clásica sobria

DM Serif Display para títulos y DM Sans para textos. Seria sin ser fría.

F-05

Audaz

Syne para títulos e Inter Tight para textos. Con personalidad, para eventos y marcas jóvenes.

F-06

Amigable

Outfit para títulos y textos. Redondeada y cercana, ideal para salud y belleza.

¿Ya tienes tu selección?

Pide tu cotización: los estilos que elegiste van incluidos en tu solicitud.

Cotizar con estos estilos
Tu selección 0Marca con "Me gusta" los estilos que quieras para tu web.
Cotizar con estos estilos