The home page
About this kit
Marnie Vale is a fictional pottery studio on Alder Street, made as a mockup from a personal-brand web designer’s site: a black italic ticker, a collage hero with an arch portrait, tilted lime-framed polaroids and thin handwritten notes, a plaid lavender statement band with a wavy edge, a lime review card, a P.S. line and two floating round buttons. It grew into six pages: home, the studio, classes with fall dates you can book, private groups, a shop of drawn mugs and bowls with glaze swatches, and a contact form that knows what you came about.
The kit is a warm cream with a near-black ink, a lavender and a lime that share the work, and a plum and a violet for the words that carry weight. Instrument Serif sets the display and the wordmark, Covered By Your Grace the handwritten emphasis, Outfit the notes, Figtree the labels and buttons, and Raleway the text. The studio, the teacher, the reviews and the prices are invented, and the photos are placeholders.
The kit as CSS
:root {
--marnie-vale-cream: #F7F4EC;
--marnie-vale-ink: #141216;
--marnie-vale-lavender: #D9CBF2;
--marnie-vale-lime: #D9E88C;
--marnie-vale-plum: #4B1B47;
--marnie-vale-violet: #6555D2;
--marnie-vale-display: "Instrument Serif", Georgia, serif;
--marnie-vale-script: "Covered By Your Grace", cursive;
--marnie-vale-notes: "Outfit", system-ui, sans-serif;
--marnie-vale-labels: "Figtree", system-ui, sans-serif;
--marnie-vale-text: "Raleway", system-ui, sans-serif;
}
The fonts are Google Fonts under the SIL Open Font License, and the colors are yours to take. The mockup is Tide's: Marnie Vale Ceramics is invented for design demonstration, and the pictures in it are placeholders.