00
Sistema de diseño
Un solo sistema. Cada página nueva.
Escriba /design-system en el panel del Agente junto con su instrucción para crear su primera página basada en este sistema de diseño.
Modelo recomendado: GPT 5.6 Sol o superior.
01
Tipografía
1. Estilos de texto básicos
Encabezado 1 · Manrope · 54px / 40px / 40px · Seminegrita
Lea el indicado
Encabezado 2 · Manrope · 44px / 36px / 32px · Seminegrita
Lea el indicado
Encabezado 3 · Manrope · 16px · Seminegrita
Lea el indicado
Encabezado 4 · Manrope · 14px · Seminegrita
Lea el indicado
Estilos del CMS
Encabezado 1 pequeño · Manrope · 44px / 36px / 32px · Seminegrita
Lea el indicado
Encabezado 2 pequeño · Manrope · 16px · Seminegrita
Lea el indicado
3. Estilos de texto completos
Subtítulo
El veloz murciélago hindú comía feliz cardillo y kiwi
Span
El veloz murciélago hindú comía feliz cardillo y kiwi
Botón
El veloz murciélago hindú comía feliz cardillo y kiwi
Enlace de menú
El veloz murciélago hindú comía feliz cardillo y kiwi
Nombre
El veloz murciélago hindú comía feliz cardillo y kiwi
Número mediano
El veloz murciélago hindú comía feliz cardillo y kiwi
Encabezado 3
El veloz murciélago hindú comía feliz cardillo y kiwi
Cuerpo claro
El veloz murciélago hindú comía feliz cardillo y kiwi
Span pequeño
El veloz murciélago hindú comía feliz cardillo y kiwi
Encabezado 4
El veloz murciélago hindú comía feliz cardillo y kiwi
Nombre pequeño
El veloz murciélago hindú comía feliz cardillo y kiwi
¡Gracias!
El veloz murciélago hindú comía feliz cardillo y kiwi
Enlace grande
El veloz murciélago hindú comía feliz cardillo y kiwi
Enlace mediano
El veloz murciélago hindú comía feliz cardillo y kiwi
Enlace predeterminado
El veloz murciélago hindú comía feliz cardillo y kiwi
Enlace pequeño
El veloz murciélago hindú comía feliz cardillo y kiwi
Cuerpo pequeño
El veloz murciélago hindú comía feliz cardillo y kiwi
Subtítulo oscuro
El veloz murciélago hindú comía feliz cardillo y kiwi
Cuerpo oscuro
El veloz murciélago hindú comía feliz cardillo y kiwi
02
Colores
Blanco 100
#FFFFFF
rgba(255, 255, 255, 100)
Claro 90 - 8%
#E6E6E6 - 8%
rgba(230, 230, 230, 0.8)
Light 98
#FAFAFA
rgb(250, 250, 250, 100)
Oscuro 2 - 8%
#050505
rgba(5, 5, 5, 0.08)
Oscuro 2
#050505
rgba(5, 5, 5, 100)
Oscuro 20
#333333
rgba(51, 51, 51, 100)
Claro 80
#CCCCCC
rgba(204, 204, 204, 100)
Oscuro 2 - 3%
#050505
rgba(5, 5, 5, 0.03)
Claro 96
#F5F5F5
rgba(245, 245, 245, 100)
Claro 60
#999999
rgba(153, 153, 153, 100)
Claro 92
#EBEBEB
rgba(235, 235, 235, 100)
Oscuro 4
#0A0A0A
rgba(10, 10, 10, 100)
Claro 62
#9E9E9E
rgba(158, 158, 158, 100)
Oscuro 22
#383838
rgba(56, 56, 56, 100)
Oscuro 6
#1A1A1A
rgba(26, 26, 26, 100)
Oscuro 40
#666666
rgba(102, 102, 102, 100)
03
Imágenes
04
Componentes
Elementos gráficos
Punto
Contenido de cuadrícula
Nav
3. Botones
Botón
Botón de formulario
Mi perfil
Enlace de Framer
Enlace
Botón táctil
Botón
Botón
4. Tarjetas
Tarjeta TextReveal
Integrante del equipo
Tarjeta de proyecto
Contenido de imagen del servicio
Tarjeta de servicio
Línea de proceso
Tarjeta de experiencia
¿Qué puede esperar?
Un proceso claro y estructurado, con comunicación abierta y entregas predecibles.
Tarjeta de integrante del equipo
Tarjeta para unirse al equipo
Tarjeta de testimonio de cliente
Carrusel de testimonios
Imagen giratoria


Contenido del reconocimiento
Tarjeta de artículo
Tarjeta de estadísticas
Pestaña de preguntas frecuentes
0
1
¿Cómo están estructurados sus honorarios?
Estado vacío
No hay elementos
Línea de proyecto
Tarjeta de vacante
Testimonio de cliente
Tarjeta de logotipo de cliente
Tarjetas de clientes
5. Formularios
Formulario del boletín
Formulario de consulta
6. Otros
Viñetas
Países Bajos
Derechos de autor y año
©
Etiqueta de categoría
Residencial
Nombre y cargo
Émile Laurent
Director fundador
Control deslizante
Ubicaciones
México
Estados Unidos
Canadá
Cifras
62
clientes
80
proyectos
Pestaña
Categoría
Ícono de integrante del equipo
Émile Laurent
Director fundador
Correo electrónico y teléfono





























