Napkin — Steps / How-it-works

AI · Steps / How-it-works

Four numbered steps - import or paste text, generate visuals, polish it, take it anywhere - each with an illustrative visual.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/napkin-how-it-works.

Palette

Fonts

Page types

UI elements

Context

• Parent page: Get visuals from your text
• All of Napkin

Other sections on this page

• Hero — Napkin hero
• Feature — Use cases
• Gallery / Showcase — Gallery
• Testimonial / Social Proof — Testimonials
• FAQ — FAQ
• CTA / Sign-up — Try Napkin CTA
• Footer — Footer