Editorialsystem

Newspaper Print

88
🔥 Certified BangerThis prompt produces genuinely distinct output

Generates UI that channels broadsheet newspapers — serif headlines in large point sizes, columnar layouts, thin rule lines, dateline metadata, and the authoritative feel of print journalism.

serifcolumnstypographyprint inspired

Added February 12, 2026 by unslop.dev

Example output

Article header with byline

Technology

The Quiet Revolution in How We Build Software

A new generation of tools is changing the relationship between developers and their code. The implications extend far beyond Silicon Valley.

By Sarah Chen Feb. 14, 2026 · 8 min read
View code
<div style="padding: 2rem; background: #f8f5f0;">
  <div style="max-width: 38rem; margin: 0 auto;">
    <div style="border-top: 3px solid #1a1a1a; padding-top: 0.375rem; margin-bottom: 0.25rem;">
      <span style="font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.1em; color: #999999; font-family: sans-serif;">Technology</span>
    </div>
    <div style="border-top: 1px solid #d4d0c8; padding-top: 1.25rem;">
      <h1 style="font-family: 'Georgia', 'Times New Roman', serif; font-size: 2.25rem; font-weight: 700; color: #1a1a1a; margin: 0 0 0.75rem 0; line-height: 1.12; letter-spacing: -0.02em;">The Quiet Revolution in How We Build Software</h1>
      <p style="font-family: 'Georgia', serif; font-size: 1.0625rem; color: #444; margin: 0 0 1rem 0; line-height: 1.6;">A new generation of tools is changing the relationship between developers and their code. The implications extend far beyond Silicon Valley.</p>
      <div style="border-top: 1px solid #d4d0c8; padding-top: 0.625rem; display: flex; align-items: baseline; gap: 0.75rem;">
        <span style="font-family: 'Georgia', serif; font-style: italic; font-size: 0.875rem; color: #666666;">By Sarah Chen</span>
        <span style="font-size: 0.75rem; color: #999999;">Feb. 14, 2026</span>
        <span style="font-size: 0.75rem; color: #999999;">· 8 min read</span>
      </div>
    </div>
  </div>
</div>

Multi-column news layout

Latest

Markets Rally on Rate Decision as Fed Signals Patience

The central bank held rates steady, citing progress on inflation while acknowledging persistent uncertainty.

3 hours ago

European Parliament Approves Landmark Climate Accord

The sweeping legislation sets binding targets for carbon reduction across all 27 member states through 2040.

5 hours ago
View code
<div style="padding: 2rem; background: #f8f5f0;">
  <div style="max-width: 44rem; margin: 0 auto;">
    <div style="border-bottom: 2px solid #1a1a1a; padding-bottom: 0.25rem; margin-bottom: 0.25rem;">
      <span style="font-family: 'Georgia', serif; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; color: #999; font-weight: 600;">Latest</span>
    </div>
    <div style="border-bottom: 1px solid #d4d0c8; margin-bottom: 1.25rem;"></div>
    <div style="display: flex; gap: 1.5rem;">
      <div style="flex: 1; padding-right: 1.5rem; border-right: 1px solid #d4d0c8;">
        <h3 style="font-family: 'Georgia', serif; font-size: 1.125rem; font-weight: 700; color: #1a1a1a; margin: 0 0 0.375rem 0; line-height: 1.25;">Markets Rally on Rate Decision as Fed Signals Patience</h3>
        <p style="font-family: 'Georgia', serif; font-size: 0.8125rem; color: #666; line-height: 1.6; margin: 0 0 0.5rem 0;">The central bank held rates steady, citing progress on inflation while acknowledging persistent uncertainty.</p>
        <span style="font-size: 0.6875rem; color: #999; font-family: sans-serif;">3 hours ago</span>
      </div>
      <div style="flex: 1;">
        <h3 style="font-family: 'Georgia', serif; font-size: 1.125rem; font-weight: 700; color: #1a1a1a; margin: 0 0 0.375rem 0; line-height: 1.25;">European Parliament Approves Landmark Climate Accord</h3>
        <p style="font-family: 'Georgia', serif; font-size: 0.8125rem; color: #666; line-height: 1.6; margin: 0 0 0.5rem 0;">The sweeping legislation sets binding targets for carbon reduction across all 27 member states through 2040.</p>
        <span style="font-size: 0.6875rem; color: #999; font-family: sans-serif;">5 hours ago</span>
      </div>
    </div>
  </div>
</div>

Pull quote

"The best interfaces are the ones you don't notice. They step aside and let the content do the work."

— John Maeda, Design in Tech Report
View code
<div style="padding: 2rem; background: #f8f5f0;">
  <div style="max-width: 32rem; margin: 0 auto; padding: 1.5rem 0;">
    <div style="border-top: 1px solid #d4d0c8; border-bottom: 1px solid #d4d0c8; padding: 1.5rem 1rem; text-align: center;">
      <p style="font-family: 'Georgia', serif; font-size: 1.375rem; font-style: italic; color: #333; line-height: 1.5; margin: 0 0 0.75rem 0;">"The best interfaces are the ones you don't notice. They step aside and let the content do the work."</p>
      <span style="font-family: sans-serif; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.1em; color: #999;">— John Maeda, Design in Tech Report</span>
    </div>
  </div>
</div>

System prompt

Copy this into your AI system prompt
You generate UI in a newspaper/print editorial style — the visual authority of the New York Times, The Guardian, or a well-set broadsheet. Large serif headlines, multi-column layouts, thin horizontal rules, dateline metadata, and the kind of typographic confidence that comes from 200 years of print tradition. Digital, but it smells like ink.

VISUAL RULES:
- Background: Newsprint warm white (#f8f5f0) for the page. Pure white (#ffffff) for cards/article panels. Never cold gray or blue-tinted.
- Text: Near-black (#1a1a1a) for headlines. Dark gray (#333333) for body. Medium gray (#666666) for bylines, datelines, captions. Light gray (#999999) for section labels.
- Typography: Serif is king. `font-family: 'Libre Baskerville', 'Georgia', 'Times New Roman', serif` for headlines AND body. Headlines: text-3xl to text-5xl, font-bold, tracking-tight, leading-tight. Body: text-base, leading-relaxed (1.75). Long-form reading optimized.
- Column layout: Use CSS columns or flexbox columns. Two or three columns for content areas. Column rules: `border-right: 1px solid #d4d0c8` between columns.
- Rules (horizontal lines): Thin 1px lines in #d4d0c8. Used above and below headlines, between sections, above bylines. Single or double rules. The horizontal rule IS the primary structural element.
- Spacing: Tight vertical rhythm. Headlines sit close to rules. Bylines compact. Body text with generous line-height but tight paragraph spacing. The density of a newspaper page.
- Accent: None. This is a monochrome aesthetic. Black, gray, and cream. If you must accent, use a thin red rule (#c41e1e) sparingly — like the masthead of The Economist.

SPECIFIC PATTERNS:
- Headlines: Large serif, font-weight: 700, leading-tight (1.1-1.2). Sentence case or title case. Above: thin rule. Below: byline in smaller italic.
- Bylines: "By Author Name" in italic serif, text-sm, #666. Followed by dateline: "February 14, 2026" in text-xs, #999.
- Article cards: White bg, no border, no shadow. Content separated by thin rules. Headline → byline → excerpt → "Continue reading →" link in text-sm.
- Section headers: UPPERCASE letter-spacing: 0.1em, text-xs, #999, with thin rule below. Like newspaper section names (WORLD, OPINION, TECHNOLOGY).
- Pull quotes: Large italic serif text, text-xl or text-2xl, #333, with thin rules above and below. Indented or centered.
- Navigation: Horizontal list of section names, separated by " | " or "·". Serif, text-sm, #666.

ANTI-PATTERNS:
- No colored backgrounds on sections. No gradient anything.
- No sans-serif headings. Serif only for editorial authority.
- No rounded corners. Use border-radius: 0 on everything.
- No icons or emoji. Typography and rules are the only visual elements.
- No shadows. Print doesn't have shadows.
- No buttons that look like buttons. Links are underlined text. CTAs are text with arrows: "Read more →".

Related prompts

§ Philosophy

On the Consolation of Reading in Dark Hours

There exists in every library a particular hour when the shelves seem to lean inward, conspiratorial, offering exactly the volume one needs without knowing one needed it.

E. Blackwood 14 February 2026

"A room without books is like a body without a soul. But a room with too many books is like a soul that has forgotten its body."

—Marcus Tullius Cicero, adapted

Editorial

Dark Academia

🔥87system

Generates UI with the aesthetic of a university library at midnight — dark wood tones, parchment cream, burgundy accents, serif typography, and the quiet intensity of candlelit scholarship.

Featured

Midnight Frequencies

Curated late-night electronic sessions. Deep cuts from the archive, surfaced for the nocturnal.

4.2K

plays

312

saves

87

shares

98%

rating

Editorial

Duotone

🔥83system

Generates UI using strict two-color palettes — every element rendered in precisely two hues plus their blend, creating high-impact graphic compositions inspired by Spotify's iconic duotone imagery and silkscreen poster art.

Issue 04

The joy of constraints in interface design

When you limit your palette to two colors and a paper stock, every decision becomes more intentional. Design thrives under constraint.

Feb 2026 pg. 12
Editorial

Risograph Print

🔥85system

Generates UI with the tactile charm of risograph printing — limited spot colors, visible halftone texture, slight misregistration, and the warmth of indie zine culture. Screen-printed pixels.