- Color primario #0E5DAE
- Color secundario #1F2937
- Color de acento #E11D48
- Fondo de la tarjeta #FFFFFF
- Fondo del botón #0E5DAE
Vista previa del botón
Enviar consulta
Design Studio
Una capa de control para el sistema visual del frontend del concesionario
Design Studio is the central place inside WordPress where the dealership manages brand colours, typography, card styling, buttons, social sharing, the PDF datasheet button and frontend presentation, without touching theme files or hand-written CSS.
De la elección en el administrador a la salida en el frontend
Qué moldean los controles de diseño
Cada decisión tomada dentro de Design Studio fluye hasta las páginas públicas de vehículo. Los colores aterrizan en las etiquetas de precio y en los botones de llamada a la acción, el radio de borde elegido moldea las tarjetas y los marcos de imagen, y los ajustes de tipografía definen cómo se renderiza cada etiqueta, encabezado y línea de cuerpo en el frontend.
BMW 320d xDrive Touring · M Sport
€ 28 900
Precio de venta
Ver vehículo
Comparar
Principales áreas de control
Tres superficies de control, una sola pantalla de Design Studio
Cada tarjeta de abajo refleja una tarjeta real en la pantalla de administración de Diseño & estilos. En conjunto dan al concesionario el control sobre la marca, la tipografía y las acciones de visitante visibles en cada página de vehículo.
Colores de marca & botones
Set primary, secondary and accent colours, the card background, the button background and the button text colours, applied everywhere on the frontend that needs to wear the dealership brand.
Sistema de tipografía
A four-context typography matrix, Vehicle Detail, Archive & Grid, Favorites and Compare, lets the dealership define heading, body and label styles per page context. Empty fields safely inherit from the active theme.
Compartir, PDF & rendimiento
Centrally control which sharing networks appear on single vehicle pages, where they sit, whether the PDF datasheet button is visible and whether vehicle images use native lazy loading, no template overrides required.
Sistema de tipografía
Headings, body and labels, defined once, applied everywhere
The Typography System card exposes typography tokens for every relevant text role per frontend context. The dealership decides per context, Vehicle Detail, Archive, Favorites, Compare, and the frontend stays consistent end-to-end.
Ajuste en el backend · salida en el frontend
Cada conmutador de Design Studio aterriza en un elemento real del frontend
The Sharing & PDF and Performance cards directly drive what visitors see on the public vehicle page, the share row, the PDF datasheet button and the way images load. Configure once, ship across the entire inventory.
Funcionalidades
Qué aporta Design Studio al concesionario
A focused set of capabilities that make the frontend visual system manageable from a single screen, without theme overrides and without hand-written CSS for every adjustment.
Marca centralizada
Brand colours, button colours, card backgrounds and accent tokens live in one place, applied across every native vehicle page.
Tipografía reutilizable
Una matriz de tipografía con cuatro contextos estandariza encabezados, cuerpo y etiquetas en Detalle del vehículo, Archivo, Favoritos y Comparación.
Coherencia del frontend
Cards, buttons, prices and chips render with the same tokens on every template, visitors experience one cohesive brand.
Acciones de Compartir & PDF
Choose the visible sharing networks, their placement, and whether the PDF datasheet button appears, all from one settings screen.
Valores predeterminados conscientes del tema
Every field can be left empty to inherit from the active theme, the safest default when integrating with a new dealer site.
Sobrescritura con CSS personalizado
An advanced Custom CSS area is available for last-mile overrides, but the core visual system is designed to be managed entirely from the WordPress admin.
Continuar explorando
Por dónde seguir en el showcase
Explore las funcionalidades relacionadas que se apoyan en la capa de control de Design Studio.
01
Estructura de página
Gestor de diseño
Donde Design Studio se encuentra con la organización estructural: controle qué secciones, campos y zonas aparecen en las páginas de stock.
02
Exposé de marca
Ficha PDF
See how the PDF datasheet button, toggled inside Design Studio, turns every native vehicle into a branded download.
03
Recorrido del visitante
Experiencia del frontend
Vea cómo los tokens de Design Studio dan forma al recorrido más amplio del vehículo nativo de WordPress a través del archivo, el detalle, la comparación y los favoritos.
Verlo en vivo
Abra el stock en vivo y vea Design Studio aplicado
Browse the live inventory to see how the Design Studio settings render across the public vehicle pages, or jump back to the full Features overview.