Folded corner · page curl SVG. Book corners · sticky notes · ribbons.
📄 Preview

How to use

  1. Pick style (corner / curl / ribbon / banner / bookmark).
  2. Set width, height, and fold size.
  3. Pick paper, fold-inside, and shadow colors.
  4. Optionally add a title.
  5. Download SVG or PNG.

Key features

  • 5 styles (corner · page curl · ribbon · banner · bookmark)
  • 5 color presets (yellow · white · red · blue · green)
  • Shadow option for depth
  • Optional title text
  • Transparent SVG / PNG export

Use cases

  • Website memo cards — friendly UI
  • Book covers / e-books — page-curl book feel
  • Price tags / discount labels — ribbon badges
  • Blog pull-quotes — sticky-note style
  • eBook / PDF covers — bookmark marker

Why folded-corner works

The folded corner (page curl) was beloved in 1990s–2000s skeuomorphic UIs. It gives a flat note tangible "paper" texture, triggering an instinctive urge to click/touch. It's a core element of the resurgent neo-skeuomorphism trend.

FAQ

Use on website?

Download SVG and use `<img src="...">`, or "Copy SVG" and paste into HTML (color/size adjustable via CSS).

Fold-inside color?

About 15% darker than the paper color looks natural. Example: paper #fefce8 → fold #fef3c7.

Bookmark vs ribbon?

Bookmark hangs down from the top edge; ribbon is a sash crossing the top-left corner.

Free?

Yes.