Mobile Editorial

Styleminimal

A mobile editorial style that compresses magazine rhythm into a phone screen with serif headlines, warm paper surfaces, and modular content cards.

mobile editorial content app magazine layout community serif headlines warm paper

#24211f

#fffdf8

#e97b61

#c5d8c1

#e9d7a9

#d7c4e8

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: Mobile Editorial

A mobile editorial style that compresses magazine rhythm into a phone screen with serif headlines, warm paper surfaces, and modular content cards.




## Rules for the AI
STYLE: Mobile Editorial

MUST USE:
- Warm paper background #fffdf8 and ink text #24211f
- Distinctive serif display headlines paired with readable sans-serif body text
- Single-column mobile reading flow with clear title, summary, metadata, and action order
- Fine separators, generous vertical rhythm, and one coral action color
- Comments, author, and save actions presented as content annotations
- Stable bottom navigation for mobile orientation

MUST AVOID:
- Multiple competing accent colors
- Desktop multi-column layouts forced onto phones
- Tiny body text or compressed line-height
- Decorative gradients replacing editorial hierarchy

INTERACTION:
- Use restrained transitions and underline or color changes for links
- Preserve reading position when expanding comments or details
- Keep actions at least 44px tall on touch devices

COLOR ROLES:
- Paper: #fffdf8
- Ink: #24211f
- Action: #e97b61
- Supporting accents: #c5d8c1, #e9d7a9, #d7c4e8

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 StyleKit (MIT, commit 0156849).View source