Photos Stories

Photo Filters

Non-destructive CSS filters you can apply to any image in the story editor. The original photo is never modified — filters are applied at display time and can be changed or removed at any point.

← Back to Guide
Sample photo with None filter applied
None
Sample photo with Vivid filter applied
Vivid

saturate(1.3) contrast(1.1)

Sample photo with Warm filter applied
Warm

sepia(0.15) saturate(1.2) brightness(1.05)

Sample photo with Cool filter applied
Cool

saturate(0.9) brightness(1.05) hue-rotate(10deg)

Sample photo with B&W filter applied
B&W

grayscale(1)

Sample photo with Cinematic filter applied
Cinematic

contrast(1.15) saturate(0.85) brightness(0.95)

Sample photo with Vintage filter applied
Vintage

sepia(0.25) contrast(1.1) brightness(0.95) saturate(0.9)

Sample photo with Fade filter applied
Fade

contrast(0.9) brightness(1.1) saturate(0.8)

Sample photo with Dramatic filter applied
Dramatic

contrast(1.3) brightness(0.9) saturate(1.1)

Sample photo with Soft Glow filter applied
Soft Glow

brightness(1.08) contrast(0.95) saturate(1.05)

Sample photo with Noir filter applied
Noir

grayscale(1) contrast(1.3) brightness(0.9)

Sample photo with Golden Hour filter applied
Golden Hour

sepia(0.2) saturate(1.3) brightness(1.02) hue-rotate(-5deg)

How to apply a filter

  1. 1Open a story in the editor and add an image block (single image, image grid, photo wall, or parallax).
  2. 2Click the image block to select it. The filter picker appears as a horizontal strip of thumbnails below the block settings.
  3. 3Tap any thumbnail to preview the filter live. The change is saved automatically when you select a new filter.
  4. 4To remove a filter, select None — the first option in the strip.