GC Genius Creative Kit
Base de diseño · v1

El kit con el que Genius Creative ensambla propuestas web

Bloques probados sobre Tailwind + DaisyUI. El color entero sale del tema activo — cambiar de cliente es cambiar de tema (pruébalo arriba). Traes el audit del cliente, elegimos bloques, y el sitio se ensambla.

Temas reskineables Sin imágenes por defecto Responsive CSS compilado, sin CDN
01 · fundamentos

Tokens: una sola fuente de verdad

Los bloques usan variables semánticas de DaisyUI (primary, base-100, neutral…). Definir un cliente = definir su tema en tailwind.config.js.

neutral
tinta
primary
CTA
secondary
acento
accent
cálido
base-200
papel
base-100
tarjeta
Tipografía
DisplayTítulo editorial
H2Encabezado
CuerpoTexto legible a ~65 caracteres por línea.
EyebrowEtiqueta superior
Botones (heredan el tema)
02 · heros

Patrones de hero

Hero A · partido con panelvarios servicios o señales de confianza
Categoría · ubicación

Titular editorial que plantea el problema del cliente

Texto de apoyo breve con la propuesta de valor en una o dos frases.

Panel de información
  • Servicio o señal 1
  • Servicio o señal 2
  • Diferenciador real del cliente
Hero B · centrado editorialcuando el mensaje manda
Eyebrow de contexto

Un titular con peso que sostiene la página por sí solo

Frase de apoyo que refuerza sin competir con el titular.

03 · secciones

Bloques de sección

Rejilla de tarjetas — servicios / procedimientos

Servicio principal

Descripción orientada al cliente final, con su contenido real.

Conocer más →

Servicio secundario

Cada tarjeta enlaza a su sección o landing dedicada.

Conocer más →

Servicio adicional

Escala a 3, 6 o 9 tarjetas. Icono, nunca imagen.

Conocer más →
Feature split oscuro + ficha — destacar una categoría
Categoría destacada

Titular que engancha con el problema

Explicación de valor de esta categoría concreta.

  • Punto clave 1
  • Punto clave 2
DatoValor real
DatoValor real
DatoValor real
Tira de señales — datos reales
Ubicación
Ciudad
Atención
Horario
Canal
WhatsApp
Modalidad
Cita previa
Proceso numerado — solo si hay secuencia real
01
Agenda
02
Evaluación
03
Opciones
04
Seguimiento
Acordeón de preguntas — accesible (collapse de DaisyUI)
Pregunta frecuente uno

Respuesta general que orienta sin sustituir la consulta individual.

Pregunta frecuente dos

Respuesta breve.

04 · formularios

Tipos de formulario

Contacto corto → canal directo

El envío arma el mensaje y abre el canal del cliente ya redactado.

CTA único (sin formulario)

Para clientes que convierten 100% por un canal. Se omite el formulario y se usa contacto directo.

Regla

Sin urgencia falsa, sin testimonios sin verificar, sin popups. El botón dice exactamente qué hace.

05 · servicios profesionales

Bloques para servicios profesionales

Para médicos, despachos, consultores y contratistas. Las ranuras marcan datos que se validan con el cliente antes de publicar — nunca se inventan.

Franja de autoridad — credenciales verificables, bajo el hero
Cédula profesional
[Agregar cédula]
Certificación
[Agregar certificación]
Formación
[Agregar formación]
Experiencia
Dato real si lo hay

Todas las credenciales se verifican con documentación oficial antes de publicar.

Ficha del profesional — bio y trayectoria
Dr

Nombre del profesional

Especialidad · Ciudad
  • Área de práctica principal
  • Enfoque o técnica distintiva
  • Dónde atiende
Sobre el profesional

Un enfoque basado en explicar, no solo ejecutar

Bio en tono cercano, tomada del contenido real del cliente. Explica su forma de trabajar y su valor diferencial sin promesas exageradas.

Certificaciones
[Validar]
Asociaciones
[Validar]
Paquetes / valoración — niveles de servicio, sin urgencia falsa

Primera valoración

Revisión del caso, diagnóstico claro y explicación de alternativas.

[Definir con el cliente]
Más solicitado

Procedimiento

Tratamiento con la técnica adecuada según cada caso.

[Definir con el cliente]

Seguimiento

Acompañamiento durante la recuperación y controles posteriores.

[Definir con el cliente]
Testimonios — solo reseñas reales y verificables
"

Reseña real del paciente o cliente, tomada de una fuente verificable (Google, Doctoralia…).

N[Nombre y fuente]
"

No se inventan testimonios. Si el cliente no tiene reseñas públicas, este bloque se omite.

R[Nombre y fuente]
"

Ideal enlazar a la reseña original para reforzar credibilidad sin riesgo.

M[Nombre y fuente]
Ubicación + horario — clave en servicios locales
Consultorio
Dirección real del cliente
Horario
Lun–Vie · [Horario]
Teléfono / WhatsApp
Número real
Abrir en Google Maps →
Banda de conversión — cierre por WhatsApp

Da el siguiente paso con una valoración

Explica tu situación y recibe orientación profesional sobre tu caso.

06 · comercio / producto

Bloques para comercio y producto

Para tiendas, restaurantes y negocios con catálogo. Aquí las imágenes SÍ son del cliente (sus productos): van en ranuras de imagen etiquetadas, no fotos de stock inventadas.

Rejilla de producto — catálogo con precio
Imagen del
producto

Nombre del producto

$0.00
Imagen del
producto

Nombre del producto

$0.00
OfertaImagen del
producto

Nombre del producto

$0.00 $0.00
Imagen del
producto

Nombre del producto

$0.00
Catálogo en lista — ideal para menús y servicios con precio
Nombre del platillo o servicio
Descripción breve de una línea
$0.00
Otro elemento del catálogo
Descripción breve
$0.00
Tercer elemento
Descripción breve
$0.00
Comparativa de planes — paquetes o niveles

Básico

$0/mes
  • Característica incluida
  • Característica incluida
  • No incluida
Recomendado

Pro

$0/mes
  • Todo lo del básico
  • Característica extra
  • Característica extra

Premium

$0/mes
  • Todo lo del Pro
  • Soporte prioritario
  • Característica avanzada
Banda de oferta — promoción sin urgencia falsa
%

Título de la promoción

Condiciones claras y honestas de la oferta. Vigencia real.

07 · flujo de trabajo

De audit de cliente a propuesta lista

Con el kit definido, cada propuesta es ensamblar, no dibujar. Traes una URL y un prompt; se audita, se elige tema y bloques, y se genera.

1

Audit del cliente

Su URL o su info. Se extrae contenido real, servicios y canal.

2

Tema + bloques

Se elige el tema (reskin) y los bloques del catálogo que aplican.

3

Ensamblado

Home y landings con contenido real, sin placeholders vacíos.

4

Entrega live

Enlace de revisión o publicado en el VPS bajo subdominio de GC.