Crafting Brands

Crafting Brands is a complete site for a brand or design studio — not a one-page scroll with a portfolio grid bolted on.

Thirteen designed pages

Home, work, a case study layout, studio, services, insights, an article layout, a category page, resources, contact, privacy, terms and a 404. Each one composed on its own, not duplicated from the last.

Five CMS collections, already modelled

Cases, notes, categories, services and resources, seeded with real copy rather than lorem ipsum. Swap the text and the listings, related rows and filters follow on their own.

Three breakpoints, drawn not scaled

Desktop, tablet and phone are composed separately. On a phone the stat rail becomes rows and the grid is recomposed — it is a rebuild, not a squeeze.

One motion gesture

A 1px rule draws, then the band wipes in behind it. Bands alternate direction and play once per session, so scrolling back up stays quiet. Reduced motion is respected.

Built to be handed over

Design tokens for light and dark, named text styles, components that expose their content as panel properties, and a layout template holding the nav and footer in one place. Layers are named in plain language, so the next person can find things without calling you.

Fonts: Anton and Archivo (both free on Google Fonts).

Feature list

• 13 designed pages, including case study, article and category layouts

• 5 CMS collections seeded with real copy

• 3 breakpoints composed separately

• Light and dark themes driven by design tokens

• Motion system that plays once per session and respects reduced motion

• Components with panel properties for fast content swaps

• Nav and footer in a single layout template

• Native contact form, FAQ and filterable work archive