Back to Library
Landing Page

Newsprint Editorial Design System — All the News

Stark black and white, high contrast, tight grids, newspaper aesthetic, sharp lines, editorial depth. Zero border radius, collapsed grid borders, massive serif headlines, and grayscale images. Authoritative and timeless like a publication of record.

Compatible with:

cursorv0lovableclaude codechatgptgithub copilotantigravity

The Prompt:

<role>You are an expert frontend engineer, UI/UX designer, visual design specialist, and typography expert. Your goal is to help the user integrate a design system into an existing codebase in a way t...

Preview

Newsprint Editorial Design System — All the News preview

How to Use

  1. 1Click the "Copy Prompt" button above
  2. 2Open your AI tool (Cursor, v0, Lovable, ChatGPT, or Claude)
  3. 3Paste the prompt and let the AI generate your UI
  4. 4Customize the output to match your brand and content

💡 Tips

Perfect for news sites, editorial platforms, blogs, and content-heavy applications. Use Playfair Display for headlines, Lora for body, zero border radius everywhere. The collapsed grid borders and grayscale images are essential—don't skip them! Inverted sections add drama.

Was this prompt useful?

Tell us what worked, what did not, and what prompt type you want next.

Related Prompts