Layer Park

Explore

Presets

  • 01
  • 02
  • 03
  • 04
  • 05
  • 06
  • 07
  • 08
  • 09
  • 10
  • 11
  • 12

Text

  • Color
    • White
    • Light Gray
    • Mid Gray
    • Dark Gray
    • Black
    • Red
    • Red Orange
    • Orange
    • Yellow Orange
    • Yellow
    • Yellow Green
    • Green
    • Blue Green
    • Blue
    • Blue Purple
    • Purple
    • Red Purple
  • Opacity
    • 0
    • 10
    • 20
    • 30
    • 40
    • 50
    • 60
    • 70
    • 80
    • 90
    • 100
  • Blend Mode
    • Normal
    • Darken
    • Multiply
    • Color Burn
    • Lighten
    • Screen
    • Color Dodge
    • Overlay
    • Soft Light
    • Hard Light
    • Difference
    • Exclusion
    • Hue
    • Saturation
    • Color
    • Luminosity
  • Style
    • Regular
    • Circular
    • Ginormous

Scrim

  • Color
    • White
    • Light Gray
    • Mid Gray
    • Dark Gray
    • Black
    • Red
    • Red Orange
    • Orange
    • Yellow Orange
    • Yellow
    • Yellow Green
    • Green
    • Blue Green
    • Blue
    • Blue Purple
    • Purple
    • Red Purple
  • Opacity
    • 0
    • 10
    • 20
    • 30
    • 40
    • 50
    • 60
    • 70
    • 80
    • 90
    • 100
  • Blend Mode
    • Normal
    • Darken
    • Multiply
    • Color Burn
    • Lighten
    • Screen
    • Color Dodge
    • Overlay
    • Soft Light
    • Hard Light
    • Difference
    • Exclusion
    • Hue
    • Saturation
    • Color
    • Luminosity

Image

  • File
    • Architecture
    • Back
    • Building
    • Canyon
    • City
    • Crowd
    • Desert
    • Face
    • Figure
    • Helicopter
    • Mist
    • Mountains
    • Paint
    • Runner
    • Silhouette
    • Tower
    • Water
  • Opacity
    • 0
    • 10
    • 20
    • 30
    • 40
    • 50
    • 60
    • 70
    • 80
    • 90
    • 100
  • Blend Mode
    • Normal
    • Darken
    • Multiply
    • Color Burn
    • Lighten
    • Screen
    • Color Dodge
    • Overlay
    • Soft Light
    • Hard Light
    • Difference
    • Exclusion
    • Hue
    • Saturation
    • Color
    • Luminosity
  • Filter
    • None
    • Grayscale
    • Invert
    • Contrast

Background

  • Color
    • White
    • Light Gray
    • Mid Gray
    • Dark Gray
    • Black
    • Red
    • Red Orange
    • Orange
    • Yellow Orange
    • Yellow
    • Yellow Green
    • Green
    • Blue Green
    • Blue
    • Blue Purple
    • Purple
    • Red Purple
  • Opacity
    • 0
    • 10
    • 20
    • 30
    • 40
    • 50
    • 60
    • 70
    • 80
    • 90
    • 100
  • Blend Mode
    • Normal
    • Darken
    • Multiply
    • Color Burn
    • Lighten
    • Screen
    • Color Dodge
    • Overlay
    • Soft Light
    • Hard Light
    • Difference
    • Exclusion
    • Hue
    • Saturation
    • Color
    • Luminosity

Layer Park is an interactive learning tool for understanding layered effects with a utilitarian user interface designed for maximum speed and comprehension.

Made during Squarespace Hack Week



Design and Code by Billy Sweeney