Preview Homepage Web design service page Haymarket case study
Reddishpink Media

Internal reference

Block library. Batch one.

Five of the fifteen section patterns from Dave's rebuild, converted to our colours, our fonts and plain HTML with real CSS classes. Nothing here touches the rest of the site — this page carries its own styles and its own script, and it is not in the menu. The point is to see the patterns behaving on our stack before any of them go near a real page.

The remaining ten blocks are on block library, batch two →

01 Logo marquee New to us An endless client strip. CSS animation only — no JavaScript, no scroll listener. The list is duplicated once and the track travels exactly half its width, which is what makes the loop seamless. Pauses on hover and stops dead under reduced motion. Real client names in place of logos for now; it takes SVG marks just as happily.
SibcasNFU ScotlandMaxi Haulage Coul HouseMacTaggart ScottRoutes to Work The LarderPhoenix DrillingStylerite
02 Counter band New to us Figures that count up once when they scroll into view, using an IntersectionObserver rather than a scroll listener. Never replays. The numbers below are placeholders. House rule is no invented statistics, so these need real figures before this block goes anywhere public.

By the numbers

0+

Years in business

0

Case studies published

0weeks

Typical website build

0

Senior people, no juniors

03 Accordion FAQ New to us Proper disclosure buttons with aria-expanded and real focus states, so it works from the keyboard. Animates on height rather than a guessed max-height, which means long answers never get clipped. Uses the house chevron, identical to the service drawers — click only, no hover, because long answers reflowing under the cursor is a nuisance. This is the block I would take first: paired with FAQPage schema it is directly useful for the AI search work, because answer engines lift question-and-answer pairs more readily than prose.

Questions we actually get asked

Frequently asked.

The things people ask on a first call, answered the way we would answer them on a first call.

Six to eight weeks for most sites, from the first workshop to going live. The variable is rarely the build — it is how quickly content and photography come together. If you bring the words, it is faster. If you would rather we wrote them, we will build that into the schedule from the start.

No. We host most of the sites we build because it makes support straightforward and we can fix things quickly. But the site is yours, and if you would rather it sat somewhere else we will hand it over properly with everything you need to run it.

Not if the URLs are handled properly. Every address on the old site either stays exactly as it is or redirects to its replacement, and we map that before a single page is built. Rankings usually settle within a few weeks. It is the one part of a rebuild where being careful early saves months later.

We do. Reddishpink is deliberately small and senior — the person you meet at the start is the person writing, shooting or building. Nothing is handed down to a junior once the pitch is over, because there is no junior to hand it to.

Often that is the best arrangement. Some clients use us for the things they have no one for — film, photography, a rebuild — and keep the day-to-day in-house. Others want a senior head in the room once a month. Both work, and neither needs a retainer to start.

04 Sticky split feature New to us The left column pins while the right scrolls past it. This is the block that found the bug worth finding: site.css puts overflow:hidden on every <section>, which silently stops sticky from working. Fixed here with overflow:clip, scoped to this page. Pinning is switched off below 760px, where it traps the scroll rather than helping.

How it works

How the work actually gets made.

Five stages, in plain language, with someone accountable for each one. You always know what is happening this week and what lands next.

01

Discovery

A short, focused start: who we are talking to, what they need to believe, and what the work has to move. Usually half a day.

02

Direction

One route committed to properly — type, colour, tone and motion — rather than four half-explored options dressed up as choice.

03

Production

Writing, shooting and building run alongside each other, so the schedule stays honest and nothing sits waiting on one handover.

04

Launch

Redirects mapped, analytics wired up before the doors open, and a staged rollout — so day one tells you something useful.

05

After

Launch is the middle, not the end. What we learn in the first month is usually worth more than anything agreed in the first week.

05 Index list We have a cousin A typographic table of work — quieter and far lighter than the .proj grid, and it reads properly as a list rather than a wall of thumbnails. Worth having alongside the grid rather than instead of it: this suits a full archive page, the grid suits a shortlist. Collapses to a stacked layout below 760px. Links point at the real case studies.

Selected work

Selected works.

A working list rather than a gallery. Quick to scan, quick to load, and it never makes a promise the thumbnail cannot keep.

ID
Project
What we did
Year
01

The Haymarket Hub

Digital marketing
2025
02

Maxi Haulage

Website, SEO and photography
2025
03

Coul House Hotel

Website and digital marketing
2024
04

Sibcas

Full service marketing
2024
05

NFU Scotland

Editorial and publishing
2023