Thumbnail Style Preview

Abstract, generative thumbnails - no text, just visual texture. Each post gets unique colors and patterns based on its slug.

Style Options

Circuit Grid

Connected nodes forming network patterns

Circuit Grid preview

Layered Waves

Overlapping curved bands with depth

Layered Waves preview

Dot Matrix

Scattered dots with varying sizes

Dot Matrix preview

Gradient Blocks

Overlapping soft rectangles

Gradient Blocks preview

Same Style, Different Slugs

Each slug produces unique patterns and colors (circuit style shown):

hello-world preview

hello-world

building-apis preview

building-apis

react-patterns preview

react-patterns

typescript-tips preview

typescript-tips

OG Image (Social Sharing)

This version includes the title for Twitter/LinkedIn/Facebook sharing:

OG image preview

1200×630px - Optimal for all social platforms

How it works

  • • Thumbnails → Abstract visuals for homepage cards (no text)
  • • OG Images → Title + description for social sharing
  • • Same color palette per post across both image types
  • • All auto-generated, deterministic (same slug = same visual)