E-Ink / Paper

Stylegeneral

Paper-like, matte, high contrast, texture, reading, calm, slow tech, monochrome. Best for Reading apps, digital newspapers, minimal journals, distraction-free writing, slow-living brands.

Paper-like matte high contrast texture reading calm slow tech monochrome

#FDFBF7

#F5F5F5

#1A1A1A

#4A4A4A

#FFFF00

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output.

New · weekly review

Plan the week in ten minutes

Pull in every task, see what matters, and share one clear plan with the team.

Get startedSee how it worksDocs

Tasks done1,284+12% this week

Emailyou@example.com

Remember meContinue

Today

Review roadmapDone

Ship onboardingIn progress

Team sync3 pm

Prompt

Paste into any AI assistant before describing what to build — or attach it to a project below.

# Visual style: E-Ink / Paper

Keywords: Paper-like, matte, high contrast, texture, reading, calm, slow tech, monochrome
Primary colours: Off-White #FDFBF7, Paper White #F5F5F5, Ink Black #1A1A1A
Secondary colours: Pencil Grey #4A4A4A, Highlighter Yellow #FFFF00 (accent)
Effects & animation: No motion blur, distinct page turns, grain/noise texture, sharp transitions (no fade)
Best for: Reading apps, digital newspapers, minimal journals, distraction-free writing, slow-living brands
Do not use for: Gaming, video platforms, high-energy marketing, dark mode dependent apps

## Prompt keywords
Design an e-ink/paper style interface. Use: high contrast black on off-white, paper texture, no animations (instant transitions), reading-focused, minimal UI chrome, distraction-free, calm aesthetic, monochrome.

## CSS / technical
background: #FDFBF7 (paper white), color: #1A1A1A, transition: none, font-family: serif for reading, no gradients, border: 1px solid #E0E0E0, texture overlay (noise)

## Implementation checklist
☐ Paper background color, ☐ High contrast text, ☐ No animations, ☐ Reading optimized, ☐ Distraction-free, ☐ Print-friendly

## Design system variables
--paper-bg: #FDFBF7, --ink-color: #1A1A1A, --pencil-grey: #4A4A4A, --border-color: #E0E0E0, --font-reading: Georgia, --transition: none

Use it in an app

Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.

Start building — free I already have an account

From UI/UX Pro Max (MIT, commit 477bcb2).View source