B2B Design · 4 of 210

Contact Sheet

Fog blue, spruce green and a berry grease pencil, laid out like a photographer's contact sheet. It suits a small studio that sells photo and video days to breweries, farms and cafes.

Built for Marketing Agency. Sample business on the page, Fog Line Studio, Bellingham WA.

Contact Sheet website design on a desktop
The first screen, “Real Photos of Your Taproom, Farm or Cafe”

Colors

#475a56
#a3224f
#123c35
#c7d3d5
#fbfcfc
#0c2b26

Fonts

  • Vend Sans
  • Atkinson Hyperlegible Next

Sections In Order

  1. Real Photos of Your Taproom, Farm or Cafe
  2. Every Photo Gets Finished by Hand
  3. Plan Your Shoot Day
  4. Recent Shoot Days
  5. Two People, One Studio on Harris Avenue
  6. What Clients Say
  7. Whatcom and Skagit Counties
  8. Before You Book
  9. Nav: Quick actions

Built In

  • before and after slider
  • popover tooltips with anchor positioning
  • sibling-index() staggers
  • CSS carousel with scroll markers
  • Tool on the page, Shoot day planner
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Range slider input
  • Inline SVG graphics

The Whole Page

Full page of the Contact Sheet design

On A Phone

Contact Sheet on a phone
↑