Safelight website theme

Prints in a dark room: a near-black page, bone type, a serif wordmark, small letter-spaced capitals, square corners and one safelight-red hairline. Light mode is the print on warm paper.

A real website on WebNesting. Click around: forms show how they work, and nothing you send is kept.

About Safelight

Colors

  • Main color
  • Accent color
  • Page background
  • Card background
  • Text color

Made for

Safelight was made with a photographer site in mind. The preview above opens on the demo's Photographer site.

Fonts

Headings in Cormorant Garamond. Text in Inter Tight.

Light and dark

Safelight was made dark first, and it has a light version too. Your site can use either one, or let visitors pick.

Header and footer

  • Header Logo left. Your logo on the left, your menu on the right.
  • Footer Three columns. Your logo, social links and details on the left, the menu in columns beside them.

You can switch to another header or footer layout at any time in Site Settings.

Page backgrounds

Safelight comes with page backgrounds to switch on in Site Settings, under Appearance. Your site starts on the one marked default. Use See it to open the preview above on any of them. Some of them move. Motion is optional: a moving background stays still for visitors whose device asks for less motion, and a pause button stops it.

Sections made for Safelight

In the Website Builder, Safelight's own sections are in the Add panel under "Made for your site's design", next to the sections every theme has. They show while your site uses Safelight.

  • Gallery Photo wall, a masonry grid of twelve photographs and a button to the full gallery
  • Gallery Series tabs, a wide photograph and three tall frames for each series
  • About Portrait, short bio, three field-note lists and a write-to-me button

Every color, font and size can be changed after you start.

Want to build with Safelight?

Join the waitlist for an invitation. You can switch themes, or change its colors and fonts, at any time.