Principal (Delineado)
Sistema de marca y componentes
CARMESIA Design System
Biblioteca visual completa con tokens, componentes y patrones de conversion listos para implementar.
Logotipo
Letras delineadas con icono E caracteristico
Solido (Sin delineado)
Fondo Claro
Icono E / Favicon
Peso de Fuente
Ultra-delgada (100-200)
Espaciado de Letras
Tracking amplio
Elemento E
3 barras horizontales
Estilo
Letras delineadas
Paleta de Colores
Colores fundamentales de la marca Carmesia
Primarios
Base
#C81B3A
Color de marca principal
Resalte
#E24352
Hover, acentos
Oscuro
#9E0F1E
Profundidad, sombras
Secundarios
Dorado Claro
#E6DC97
Acento 1
Dorado
#E6C880
Acento 2
Naranja
#E6A86E
Acento 3
Coral
#E38668
Acento 4
Rojo
#E5615F
Acento 5
Tipografia
Outfit - Escala de tipo ultra-delgada
Encabezado 1
64 / 72 / 100
font-extralight tracking-[0.15em]
Encabezado 2
40 / 48 / 100
font-extralight tracking-[0.12em]
Encabezado 3
28 / 36 / 200
font-light tracking-wide
Texto de cuerpo con espaciado comodo para lectura
16 / 24 / 300
font-light
Texto pequeno para etiquetas y subtitulos
14 / 20 / 300
font-light text-[rgba(255,255,255,0.3)]
Componentes
Elementos UI con estilo de cristal
Botones
Primario
bg-gradient from-[#C81B3A] to-[#E24352]
Secundario
border-[#C81B3A]/50 backdrop-blur
Fantasma
hover:text-[#E24352] hover:bg-white/5
Campos de Entrada
Campo por Defecto
Estado Enfocado
Area de Texto
Sistema de Espaciado
Escala modular para padding, margin y layouts
xs
4px
space-1
sm
8px
space-2
md
16px
space-4
lg
24px
space-6
xl
32px
space-8
2xl
48px
space-12
Iconografia
Set de iconos geometrico para interfaz y marca
Circle
Square
Triangle
Diamond
Principios de Diseno
Fundamentos para decisiones de UI y experiencia
Claridad
Jerarquia tipografica simple y decisiones visuales directas.
Consistencia
Tokens, estados y componentes reutilizables en toda la plataforma.
Escalabilidad
Patrones preparados para crecer sin romper coherencia de marca.
Tarjetas
Cards para features, servicios y contenido
Tarjetas Básicas
Feature Título
Descripción breve del feature o servicio que se ofrece
Con Hover
Card interactiva con efecto hover y sombra de color
Feature Básico
Tarjeta simple para mostrar características principales
Con Imagen
Proyecto Destacado
Card con imagen de fondo y overlay para proyectos o portfolio
Nuevo
Servicio Premium
Tarjeta con badge y gradiente secundario
Precios
Básico
$29
/mes
Feature incluido
Otro beneficio
No incluido
Pro
$79
/mes
Todo lo de Básico
Features premium
Soporte prioritario
Empresa
Custom
Todo ilimitado
Soporte dedicado
Personalización
Badges y Tags
Etiquetas para destacar información
Status
NuevoPopularEn ProcesoPremium
Pills (Redondeadas)
OfertaCategoríaDestacadoLimitado
Tags Pequeños
ReactTypeScriptTailwindDestacado
Con Iconos
PremiumVerificadoEn Vivo
Con Cerrar
<span className="px-3 py-1.5 bg-gradient-to-r from-[#C81B3A] to-[#E24352] rounded-lg">
<span className="px-3 py-1.5 bg-white/5 border border-white/10 rounded-full">
Hero Sections
Banners principales para landing pages
Centrado
✨ Novedad 2026
Transformamos
Ideas en Digital
Diseño web moderno, desarrollo de aplicaciones y soluciones de IA para impulsar tu negocio al siguiente nivel
Con Estadísticas
Soluciones
Innovadoras
Creamos experiencias digitales únicas que conectan marcas con sus audiencias de manera efectiva y memorable
500+
Proyectos
98%
Satisfacción
24/7
Soporte
Minimalista
Diseño.
Código.
Resultados.
Enfoque minimalista, máximo impacto. Creamos productos digitales que tus usuarios amarán usar.
Testimonios
Cards para opiniones de clientes
Básico
"Excelente trabajo. El equipo superó todas nuestras expectativas y entregó un producto que realmente transformó nuestro negocio."
AM
Ana Martínez
CEO, TechStart
"Profesionalismo y atención al detalle excepcionales. Recomiendo totalmente sus servicios a cualquier empresa."
CR
Carlos Ruiz
Director, Innovate Co
Con Comillas
"La experiencia de trabajar con este equipo fue increíble desde el inicio. No solo entregaron un producto excepcional, sino que el proceso fue transparente y colaborativo en cada etapa. Sin duda volveremos a trabajar juntos."
LP
Laura Pérez
Fundadora, Digital Dreams
Grid Compacto
"Resultados increíbles, proceso muy profesional."
JG
Juan García
StartupXYZ
"Superaron todas mis expectativas. Altamente recomendado."
MR
María Rodríguez
CreativeLab
"Excelente comunicación y entrega a tiempo siempre."
PS
Pedro Sánchez
TechFlow
Gradientes
Paleta de gradientes predefinidos
Primarios
Horizontal Principal
bg-gradient-to-r from-[#C81B3A] to-[#E24352]
Diagonal Principal
bg-gradient-to-br from-[#C81B3A] to-[#E24352]
Vertical Completo
bg-gradient-to-b from-[#C81B3A] via-[#E24352] to-[#9E0F1E]
Rango Completo
bg-gradient-to-r from-[#9E0F1E] via-[#C81B3A] to-[#E24352]
Secundarios
Dorado Claro
bg-gradient-to-r from-[#E6DC97] to-[#E6C880]
Dorado a Naranja
bg-gradient-to-r from-[#E6C880] to-[#E6A86E]
Naranja a Coral
bg-gradient-to-r from-[#E6A86E] to-[#E38668]
Coral a Rojo
bg-gradient-to-r from-[#E38668] to-[#E5615F]
Combinados
Rojo a Dorado
bg-gradient-to-r from-[#C81B3A] via-[#E6A86E] to-[#E6DC97]
Cálido Completo
bg-gradient-to-br from-[#E6DC97] via-[#E6A86E] to-[#C81B3A]
Para Fondos
Fondo Principal
bg-gradient-to-br from-[#0a0a0a] via-[#1a0a0f] to-[#0a0a0a]
Overlay Sutil
bg-gradient-to-b from-[#C81B3A]/20 to-transparent
Overlay Oscuro
bg-gradient-to-t from-black/60 to-transparent
Lateral Sutil
from-[#C81B3A]/10 via-transparent to-[#E24352]/10
Para Texto
Texto con Gradiente
bg-gradient-to-r from-[#C81B3A] to-[#E24352] bg-clip-text text-transparent
Texto Cálido
bg-gradient-to-r from-[#E6DC97] via-[#E6A86E] to-[#C81B3A] bg-clip-text text-transparent
Secciones Completas
Layouts listos para usar en landing pages
Grid de Features
¿Por qué Elegirnos?
Soluciones innovadoras diseñadas para impulsar tu negocio al siguiente nivel
Rápido
Optimización extrema para tiempos de carga mínimos
Seguro
Máxima seguridad con encriptación de última generación
Escalable
Crece con tu negocio sin límites ni complicaciones
Estadísticas
Resultados que Hablan
Números que demuestran nuestro compromiso con la excelencia
Proyectos Completados
Satisfacción Cliente
Soporte Disponible
Clientes Activos
Call to Action - Centrado
¿Listo para Comenzar?
Únete a cientos de empresas que ya confían en nosotros para transformar sus ideas en realidad digital
Call to Action - Split
Transforma tu
Negocio Hoy
Agenda una consulta gratuita y descubre cómo podemos ayudarte a alcanzar tus objetivos digitales
Sin compromisos
Respuesta en 24 horas
Propuesta personalizada
Newsletter
Mantente Actualizado
Recibe las últimas noticias, tips y recursos directamente en tu inbox
No spam. Cancela cuando quieras.
Newsletter
Captura y retencion de leads
Mantente Actualizado
Recibe las ultimas noticias, tips y recursos directamente en tu inbox
No spam. Cancela cuando quieras.
Footer
Pie de pagina con diferentes layouts
Suscribete al Newsletter
Recibe actualizaciones y contenido exclusivo cada semana
© 2026 Carmesia. Sistema v2.0