Bold black canvas, a single red accent, and room to breathe
Why it works
A near-black background creates instant sophistication while a bright red accent demands attention without screaming. Generous breathing room and confident display typography let each piece of work float as a gallery piece, not a portfolio dump. The restraint is the statement.
Who should look at this
Creative service founders selling intangible work who need to prove sophistication through restraint, not decoration.
Signature technique
Strategic negative space around portfolio items — let work float alone rather than filling the viewport, forcing visitors to slow down and actually look.
How the page is built
- Header. A short list of Work, Agency and Services sits top-left, with a centred wordmark, an underlined 'Join our workshop' link and a bold red 'Let's Connect' button on the right.
- Enormous headline. 'Helping our partners build original brands that shine' fills the first screen in a tall cream serif on near-black, with two small red squiggles beside the last line.
- Positioning and thumbnails. A one-sentence description of a strategy-led design studio sits beside a grid of thumbnails of recent client websites.
- Results ticker. A looping strip of client outcomes, such as an acquisition, a funding round, doubled growth and a 7% conversion rate, keeps proof moving past the visitor.
- Who they work with. A short paragraph says the studio works with companies that have something worth building and do not want to blend in.
- Selected work. Six named clients are listed with plain tags such as AI and SaaS, e-commerce and venture capital, so visitors can find work in their own field.
- Services in three groups. Branding, Digital and Motion each list around ten specific deliverables, from logo design and packaging to web development and 2D animation.
Look and feel
A near-black page with a tall, condensed cream serif that fills the screen, and a single hot red used only for the button and the squiggles. It reads like an editorial magazine cover for a confident studio.
Where it might not fit
The ticker shows outcomes for the clients' companies, which a careful visitor may not credit to the agency, and no prices or process appear in the opening screens. The headline is so large that the actual work is pushed to one side.
What to borrow
- Back your claims with a moving strip of numbers from client work, such as funding raised, growth and conversion, so proof passes the visitor without a case study.
- Group your services under three plain headings and list the specific things you deliver underneath, so visitors can tick off what they need.
- Show a count next to your work link, such as 'Work (26)', as a quiet hint of volume.
Brief your developer
“I want a near-black page with an enormous condensed cream serif headline, one hot red button, a grid of thumbnails of recent work beside a one-sentence positioning, and a moving strip of results from client projects.”
How can an agency prove it gets results?
Griflan runs a looping strip of client outcomes, such as an acquisition, a funding round, doubled growth and a 7% conversion rate, each in one short line that names the client. The numbers move past the visitor without needing a case study. Use outcomes you can honestly tie to your work, and name the client.
How should a studio list its services?
Griflan groups services under three plain headings, Branding, Digital and Motion, and lists specific deliverables under each, such as logo design, packaging, web development and 2D animation. Visitors can tick off what they need. Name the actual things you deliver rather than abstract words like solutions.
“Like Griflan, but for my business.”
That sentence is a start — it isn't a brief. Answer eight questions and get a structured PDF your developer can quote from on the first call.