Layouts

This page shows the complete NP Layout Library in action, as it operates inside a real digital newspaper using real content.

It is not a catalog of isolated blocks and it is not a place to explain editorial decisions. It is a live, continuous view of the DNP system applied to a publication, where all layouts coexist and function together.

Layouts are presented following the natural flow of a digital newspaper. They are not standalone pieces, but part of an editorial sequence: page openings, continuity structures, featured areas, focus sections, special formats, and closing blocks. This page reflects that full editorial flow so layouts can be understood in context, not as disconnected templates.

The purpose of this page is practical. It allows you to visually recognize each layout, identify its number, and select it directly from the Divi Library once you know which structure you need.

Editorial decisions—what each layout is for, when to use it, and how it can be combined—are made in the layout guides.

Here, layouts are confirmed visually and selected by number.

 

DNP Layout Library

Base Structure

01 · Primary Header
02 · Editorial Footer

Homepage · Core News Structure

03 · Main Front Opener (5 stories)
04 · Secondary Front Opener (3 stories)
05 · Featured Stories Block
06 · Focus Section

News Flow

07 · News Stream · Compact Grid
08 · News Stream · Text-Only Grid
09 · Dual Story Row
10 · Four-Story Row

Sections and Categories

11 · Standard Category Section
12 · Category Section with Ads
13 · Multi-Category Section

Opinion and Special Formats

14 · Opinion Block (3 columns)
15 · Video Block (3 items)

Closing Section

16 · Latest News Feed

Alternative and Experimental Formats

17 · Alternative Layout A
18 · Alternative Layout B
19 · Alternative Layout C
20 · Alternative Layout D
21 · Alternative Layout E
22 · Alternative Layout F

Once you are familiar with the system, building a homepage or a category becomes a fast and controlled process: recognize the layouts by number, combine them, and deploy structure without rebuilding pages from scratch.

If you want to understand the editorial logic behind the system, continue with Criteria.
If you want to know how layouts are applied and combined, go to How it Works.