Moody editorial wedding photographer website design: Garnet
· 5 min read
Garnet is our moody editorial wedding photographer website design, made for a photographer whose best work happens after dark. It is dressed as the fictional Dahlia Mercer Studio, a Chicago wedding photographer and day-of content creator, and it reads like a magazine spread: huge light capitals, red-washed photo collages and thin red frames.
What does Garnet look like?
Garnet looks like loud city romance, a Chicago night shot on flash and film. The first screen is a deep red ground with three staggered photos. The headline, "Loud love stories," runs across the top of the collage in giant light capitals, so the letters overlap the photos. A second line, "Shot in Chicago, flash on," sits at the bottom right and overlaps them again. A tiny two-row capital nav sits top left, and the studio name is signed in script top right.
The photos matter as much as the type. Garnet is built around one moody, filmic look: deep shadows, warm skin, red accents, some black and white and a few direct-flash night frames. Photos that sit on the red ground get a light red wash, so they settle into the color instead of fighting it.
What colors does Garnet use?
Garnet uses one deep garnet red, #7b2017, for the hero, the red bands and the footer, with bone #ecebe8 and near black #1b1b1b as the quieter grounds in between.
Garnet red
#7b2017
Hero, red bands and footer
Bone
#ecebe8
Statement, about and services
Near black
#1b1b1b
Love notes and the inquiry
Ink
#232323
Text on bone and the film band
Off-white
#f7f7f7
Text on red and black
Bright red
#a81708
One loud line
Olive
#60644b
Quiet accent bands, used sparingly
One rule keeps it calm: sections next to each other never share a ground, except the photo strip that runs straight into the red footer, which reads as one block. Bright red, #a81708, is saved for the big services line and never sits on the red. Olive is a quiet accent for a band or two on inner pages.
What fonts does Garnet use?
Garnet uses three fonts: Moonic for every headline, Amellina for the studio name, and Overpass for the nav, labels, body and forms.
Headlines
Moonic
A curly, high-contrast serif set huge, with italic phrases dropped into the lines.
Name in the corner
Amellina
A quick handwritten signature, used only for the studio name.
Nav, labels and body
Overpass
Small, wide-spaced capitals and a light, clean body.
Moonic is used in one weight, roman and italic, and never set bold. Display lines are written in sentence case and shown in title case, so the words stay easy to edit. Body text never drops below 16px and form fields are 17px, so the site stays easy to read on a phone.
How is the Garnet home page laid out?
The Garnet home page runs in eleven sections that move between red, bone and black:
- Hero on red: the giant headline over a three-photo collage, the craft and city line, and a Check your date link.
- Statement on bone: one centered line with italic phrases, ringed by four scattered photos and a thin down arrow.
- About on bone: a title-case line with a portrait overlapping it, then a large About Dahlia heading.
- Love notes on near black: a couple's words over a softened photo, with a Next control.
- Services on bone: the bright red line, then three framed cards for engagements, weddings and couples.
- Featured weddings on red: giant couple names over a photo collage, plus the latest journal posts.
- Film: a full-width, muted highlight loop.
- Investment band on red: plain-words points about coverage and delivery, with three photos.
- Inquiry on near black: the full form, which sits on every page of the site.
- Photo strip: square photos drifting slowly across the page.
- Footer on red: a big Find your way title, the links and a large line back to the inquiry.
Motion is slow on purpose. Sections fade up as they come in, scattered photos drift a little, and the love notes change only when someone taps Next. With reduced motion turned on, the movement stops and nothing goes blank.
Why does this design suit a moody city wedding photographer?
Garnet suits a moody city wedding photographer because one strong color does the work that a busy palette usually does. One deep garnet red carries the page, so it feels bold without needing many colors. Bone and near black give the eye a rest between the red sections, and the moody, flash-lit photos sit inside thin red frames. Bright red shows up once, on the loudest line.
The type does the rest. Setting the capitals on top of the photos makes each screen feel art directed, like a magazine cover, instead of a stack of boxes. On a phone the layout is recomposed rather than squeezed: the collages stay overlapping and staggered, and the giant lines stay big and break onto two or three lines.
Who is Garnet for?
Garnet is for wedding photographers and day-of content creators whose couples want energy over polish: city weddings, late receptions, direct flash and black and white. It fits a studio that wants to look daring and editorial, with a strong set of night and city photos to fill the collages. If your work is soft and sunlit, a lighter direction like Solace is a better starting point.
Can I get a website like Garnet?
Yes. Garnet is a direction, not a product: we never sell templates and never hand over a copy. Send us a site you love, or point at Garnet, and we build yours in its feel, around your photos, your words and your city.
Every site we build comes with:
- A custom, high-end website
- F-Stop CRM included
- Booking built in
- Edits whenever you need them
- The auto blog uploader
- Search set up for Google and AI answers
- Your own portal (analytics and change requests)
- Real support
See how a build runs on Work with us and what it costs on Pricing. Dahlia Mercer Studio and everything on the demo are made up to show the design. Inquire now.
Like the darker look? Read how Cameo takes the same city mood into a cinematic site for a wedding film studio.
