Mozilla Content Studio

Format

PNG JPG WebP

JPG has no alpha — transparent backing is flattened to paper.

Scale

1x 2x (retina)

Photos

Source

Treatment

Color

Background

Frame

Drop images here.

Edit and export on brand images
for use across the web.

no source drag to reposition · double-tap to recenter —

Export Size

Templates

Heroes

Banners

Layout

Composition

Nav

Shapes

Treatment

Color

Build a section.

Select a template to begin.

Text

Select a section to edit its copy.

Code

Select a section to see its code.

section.html

Copied