2027
K4 Sedan
Desde $409,500 MXN
Kia Campestre · Biblioteca de componentes
Un mismo lenguaje.
En cada detalle.
La identidad visual de Kia USA, adaptada a la experiencia de nuestro concesionario en Celaya.
Fundamentos
Color que deja hablar al vehículo.
Azul casi negro y blanco como base. Superficies y bordes distinguen la información; el color de estado se reserva para orientar.
#05141F
Kia Ink
#FFFFFF
Blanco
#F3F4F5
Superficie
#59646C
Texto secundario
#D9DDE0
Borde
#237CB3
Foco
Ink y blanco proceden de la referencia inspeccionada. Superficies, borde y foco se normalizaron para esta biblioteca; no se presentan como tokens internos oficiales.
Kia Signature
La marca también se lee.
Título principal · Bold
Tu siguiente movimiento.
Título de sección · Bold
Hay un Kia para ti.
Título de componente · Bold
K4 Sedán
Texto · Regular · 16 px
Conoce tu próximo Kia de cerca. Nuestro equipo te acompaña a elegir el modelo que va contigo.
Detalle · Regular · 12 px
Precios en pesos mexicanos. Consulta disponibilidad y equipamiento por versión.
Interacción
Acciones claras. Un siguiente paso.
Mueve el cursor o navega con Tab para revisar hover y foco. Cada acción conserva una etiqueta descriptiva.
Sobre fondo oscuro
Altura mínima: 52 pxBorde: 1 pxEsquinas: 0 pxTransición: 180 ms
Formularios
Orientar en cada estado.
Etiquetas persistentes, errores junto al campo y confirmación explícita. Los siguientes campos son ejemplos de estados; el recorrido completo está en Cotizar.
Escribe un correo como nombre@dominio.com.
Solicitud recibida
La confirmación se muestra después de recibir una respuesta válida.
No se pudo enviar la solicitud
Conservamos los datos en el formulario para que puedas intentarlo de nuevo.
Componentes
Información que se puede comparar.
Divulgación progresiva
Información de precios y disponibilidad
El precio inicial acompaña al modelo. Las condiciones, disponibilidad y equipamiento se confirman con el distribuidor.
Contenido según el tamaño de pantalla
En móvil, la fotografía principal y el texto se separan para mantener la legibilidad. Las acciones ocupan el ancho disponible.
Criterios de uso
Consistencia con propósito.
Fotografía
Vehículos reales, encuadres limpios y recortes adecuados a móvil. Las imágenes ilustrativas se identifican; el texto evita ocultar detalles del vehículo.
Espacio
Escala de 4, 8, 16, 24, 32, 48, 80 y 112 px. Contenedores amplios con márgenes de 24 px en móvil y hasta 80 px en escritorio.
Movimiento
Responde a una acción. Sin carruseles automáticos ni vídeo en la carga inicial. Se respeta la preferencia de reducir movimiento.
Accesibilidad
Foco visible, navegación por teclado, cierre con Escape y mensajes asociados al campo. Los controles táctiles tienen espacio suficiente.
Biblioteca del piloto. Estados de formulario y accesibilidad deben volver a comprobarse al conectar el despliegue final. Catálogo y equipamiento provienen del repositorio; falta confirmar la tabla comercial completa de versiones K4 2027.