En esta página se recoge la documentación de referencia de DNP Layouts, con explicaciones técnicas y conceptuales para entender el sistema y aplicarlo correctamente en proyectos reales.
El problema que resuelve DNP
DNP nace para resolver un problema concreto que Divi, los themes de noticias y los constructores visuales no abordan de forma sistemática: la falta de criterio editorial aplicado al diseño.
Divi permite construir cualquier cosa, pero no ayuda a decidir qué construir, en qué orden ni por qué una estructura funciona mejor que otra cuando se trabaja con contenido informativo real. El resultado habitual es un conjunto de páginas visualmente correctas, pero incoherentes entre sí, difíciles de mantener y sin una lógica clara de lectura.
DNP no intenta sustituir a Divi ni limitar su flexibilidad. Introduce una capa adicional: un sistema de decisiones que reduce la improvisación y evita repetir los mismos problemas en cada proyecto.
El problema no es técnico. Es estructural.
DNP resuelve:
la dispersión de estilos entre secciones
la falta de jerarquía clara en portadas y bloques
la repetición manual de decisiones de diseño
la dificultad para escalar un medio sin romper su coherencia
En lugar de ofrecer más opciones, DNP descarta muchas.
Y al hacerlo, facilita trabajar con contenido real, volumen variable y ritmos editoriales distintos sin rehacer el diseño cada vez.
DNP no promete originalidad visual ilimitada.
Promete orden, consistencia y control editorial en un contexto —el del periódico digital— donde eso suele perderse muy rápido.
Qué es DNP y qué no es
DNP es un sistema editorial aplicado al diseño de periódicos digitales con Divi. No es un theme, no es un plugin y no es una colección de plantillas independientes.
DNP define una forma concreta de trabajar: separar estructura, contenido y criterio editorial para que el diseño no dependa de decisiones improvisadas ni de ajustes manuales constantes.
El sistema se basa en layouts reutilizables, reglas claras de jerarquía y una lógica de lectura pensada para contenido informativo real. Cada layout responde a una función editorial concreta y forma parte de un conjunto coherente.
DNP no intenta cubrir todos los casos posibles ni adaptarse a cualquier tipo de web. Está diseñado específicamente para medios digitales, revistas informativas y proyectos editoriales donde el orden, la consistencia y la escalabilidad son prioritarios.
DNP no es:
- un constructor visual
- un theme genérico
- un sistema de diseño creativo libre
- un curso de Divi
- un servicio gestionado
- una promesa de resultados
Tampoco es un producto “en construcción”. El sistema está definido, cerrado y usable desde el primer momento. Su evolución no consiste en cambiar lo existente, sino en ampliar el conjunto manteniendo los mismos criterios.
DNP se adquiere como un producto editorial estructurado, no como una suscripción ni como un servicio continuo. La compra otorga el derecho de uso del sistema tal y como está diseñado.
DNP proporciona un marco de trabajo claro. Dentro de ese marco, el usuario decide el contenido y el enfoque editorial. Fuera de él, el sistema no pretende dar respuestas.
Por qué DNP no es una colección de layouts intercambiables
Los layouts de DNP no están pensados como piezas independientes que se eligen por gusto o se combinan al azar. Funcionan como partes de un mismo sistema y comparten decisiones estructurales comunes.
Cada layout responde a una función editorial concreta: portada, bloque de categoría, listado principal, apoyo visual, etc. No se diseñan para “encajar en cualquier sitio”, sino para cumplir un papel específico dentro del flujo informativo.
Lo que los conecta no es el estilo visual, sino la lógica interna:
la forma de construir las tarjetas, el uso del grid, la gestión del contenido dinámico, los ritmos de lectura y la jerarquía entre elementos.
Por eso, aunque los layouts puedan parecer distintos, se basan en los mismos principios. Se repiten estructuras, no soluciones aisladas. Esto permite:
mantener coherencia entre secciones
evitar rediseños constantes
reordenar contenidos sin romper el conjunto
escalar el proyecto sin perder identidad
Usar un layout de DNP fuera de ese contexto es posible, pero pierde sentido. El valor no está en la pieza aislada, sino en cómo se relaciona con las demás.
DNP no propone elegir layouts.
Propone entender cuándo y por qué usar cada uno dentro de un sistema coherente.
La tarjeta como unidad básica de diseño
En DNP, la unidad básica de diseño no es la página ni la sección completa. Es la tarjeta.
Una tarjeta es la estructura mínima que se repite dentro de un layout y que contiene la información esencial de una entrada: imagen, título, metadatos y, en su caso, extracto u otros elementos.
En lugar de diseñar múltiples columnas distintas, DNP parte de una sola tarjeta bien definida y deja que el sistema la repita mediante loops. El diseño del bloque surge de la repetición y la disposición de esa tarjeta, no de crear variantes manuales.
Este enfoque tiene consecuencias claras:
permite cambiar el número de entradas sin rediseñar
facilita reorganizar bloques completos
mantiene coherencia visual entre secciones
reduce errores y ajustes innecesarios
Cuando se entiende la tarjeta como pieza central, el layout deja de ser un collage de módulos y pasa a ser una estructura lógica y predecible.
DNP no diseña páginas. Diseña tarjetas que se organizan según un criterio editorial
Separación entre contenido, diseño y criterio editorial
DNP se apoya en una separación clara entre tres capas que suelen mezclarse en muchos proyectos: contenido, diseño y criterio editorial.
El contenido son las entradas reales: textos, imágenes, categorías y metadatos. Cambia constantemente y no debería obligar a rediseñar nada.
El diseño define cómo se muestran esos contenidos: estructuras, grids, tarjetas y jerarquías visuales. En DNP, el diseño se resuelve una vez y se reutiliza.
El criterio editorial decide por qué una estructura tiene sentido en un contexto determinado: qué va primero, qué acompaña, qué se destaca y qué queda en segundo plano. Esta capa no es visual ni técnica, pero condiciona todo lo demás.
Separar estas tres capas evita problemas habituales:
que el diseño dependa del contenido puntual
que cada cambio editorial implique ajustes visuales
que la portada se rediseñe cada semana
que el sistema pierda coherencia al crecer
En DNP, el contenido se mueve, el diseño se mantiene y el criterio editorial guía las decisiones. Esa separación es lo que permite trabajar con volumen, variación y cambios constantes sin romper el conjunto.
Cómo se usa DNP en la práctica
DNP no está pensado para seguir un recorrido fijo ni para leerse de principio a fin. Se usa de forma práctica, según la necesidad de cada momento.
En un proyecto real, el uso habitual de DNP no empieza por la teoría, sino por una estructura concreta. A partir de ahí, el sistema acompaña las decisiones sin imponer un camino único.
En la práctica, DNP se utiliza así:
se elige un layout acorde al tipo de contenido
se adapta a las entradas disponibles
se ajusta el ritmo y la jerarquía
se valida la coherencia editorial
No hay un orden obligatorio ni una secuencia cerrada. El sistema está diseñado para permitir entradas y salidas constantes, sin que eso rompa el conjunto.
Las guías explican cómo construir los bloques.
Los criterios editoriales ayudan a decidir si tienen sentido.
La documentación sirve para entender el marco general cuando surgen dudas.
DNP no dirige el proceso paso a paso. Reduce la fricción para que el diseño no se convierta en un problema recurrente.
Las decisiones de diseño que DNP evita deliberadamente
DNP no intenta ofrecer todas las opciones posibles ni cubrir todos los estilos imaginables. Parte de una premisa clara: muchas decisiones habituales en el diseño editorial digital no aportan valor y solo añaden ruido.
El sistema evita, desde el inicio, decisiones que suelen generar problemas a medio plazo:
diseñar cada bloque como una excepción
mezclar estilos sin una jerarquía clara
ajustar tipografías y colores módulo a módulo
reinventar la portada cada vez que cambia el contenido
depender de soluciones puntuales difíciles de mantener
Al descartar estas opciones, DNP no limita la creatividad. La orienta. El diseño deja de ser una suma de ocurrencias y pasa a responder a una lógica estable.
Evitar decisiones innecesarias permite centrar el trabajo en lo importante: el contenido, su orden y su lectura. El sistema protege al usuario de errores comunes sin imponer un estilo cerrado.
DNP no decide por el editor, pero sí acota el terreno para que las decisiones tengan sentido dentro de un conjunto coherente.
El papel de las guías dentro del sistema
Las guías de DNP no son tutoriales genéricos ni explicaciones exhaustivas de Divi. Su función es acompañar el uso del sistema editorial sin sustituir el criterio del usuario ni convertir el diseño en un proceso guiado paso a paso.
Cada guía explica cómo se construye un layout concreto y qué decisiones estructurales intervienen en ese proceso. No enseñan a “usar Divi”, sino a aplicar el sistema DNP de forma coherente, respetando su lógica editorial y estructural.
Las guías existen para:
- mostrar cómo se traduce el sistema en estructuras reales
- reducir la fricción técnica al construir layouts
- evitar soluciones improvisadas
- servir de referencia puntual cuando surge una duda concreta
No están pensadas para leerse de principio a fin ni para memorizarse. Se consultan cuando hace falta, en el momento en que una decisión técnica o estructural lo requiere.
Las guías forman parte de la documentación del sistema y se acceden desde el Área Privada de DNP Layouts, junto con el resto de materiales incluidos.
Las guías no sustituyen al criterio editorial. Lo refuerzan, mostrando cómo ese criterio se materializa en el diseño dentro del marco del sistema.
El nivel de control que ofrece DNP
DNP está diseñado para ofrecer control donde aporta valor y eliminarlo donde genera problemas.
El usuario tiene control sobre:
la estructura de los bloques
la jerarquía entre contenidos
el ritmo visual y editorial
la combinación de layouts según el contexto
Ese control permite adaptar el sistema a distintos proyectos sin romper su coherencia.
Al mismo tiempo, DNP evita exponer decisiones que suelen ser innecesarias o contraproducentes, como ajustar estilos básicos en cada módulo o redefinir la lógica del diseño en cada página. Ese tipo de control aparente suele traducirse en inconsistencias y pérdida de tiempo.
El sistema no impone resultados, pero sí establece límites claros. Dentro de esos límites, el usuario puede trabajar con libertad y seguridad. Fuera de ellos, DNP no intenta dar respuestas.
El objetivo no es tener más opciones, sino **necesitar menos decisiones** para obtener un resultado sólido.
Hasta dónde llega DNP
DNP está pensado para cubrir una necesidad concreta: diseñar y mantener periódicos digitales coherentes, escalables y editorialmente ordenados con Divi.
El sistema es especialmente útil cuando:
hay volumen real de contenido
existen varias secciones con funciones distintas
la portada cambia con frecuencia
el diseño debe mantenerse estable en el tiempo
En ese contexto, DNP aporta estructura, criterio y control.
DNP deja de ser útil cuando se fuerza fuera de ese marco. No está diseñado para webs corporativas, landings de conversión ni proyectos donde la identidad visual cambie constantemente según campañas o modas.
Tampoco pretende sustituir la toma de decisiones editoriales. El sistema acompaña, pero no decide qué contenido es relevante ni qué enfoque debe tener un medio.
DNP cumple su función cuando el diseño deja de ser una preocupación constante y pasa a ser una base estable sobre la que trabajar. A partir de ahí, el valor lo aporta el contenido y el criterio del editor.