Claire is a one-page site for a branding and messaging agency, and its typography does most of the selling. The hero is a full-screen photo of a smiling man in headphones taking notes beside a yellow armchair, washed in a pale blue tint. "At Claire, we turn ideas into clarity because clear communication creates bold, unforgettable brands" runs across the top left in Nyght Serif, and the name returns at enormous size in the bottom right corner, overlapping the photo. Anchor links for About, Services, Approach, and Team sit in the top right.
Jacob Nielsen builds the page around a deep indigo and a soft sky blue, with Aspekta for body text. A centered statement in serif leads into a row of big indigo figures. Services sit on a full-bleed indigo band as numbered rows, each pairing a serif headline with a short note on the far right. An about section sets a long serif paragraph beside a small photo, then Our approach lays out numbered principles such as Listen First and Lasting Results in a ruled grid on pale blue. A second indigo band has small avatar photos circling the line about collaborating around the world, and The Power of Collabs pairs a tall café photo with short serif subheadings. An FAQ accordion and a closing indigo footer finish things off. A style guide page shows the full palette as color swatches.
On a phone, the headline shrinks but stays over the photo, the big wordmark fills the width, and the links fold into a two-line menu icon.
We'd pick Claire for communications consultancies and brand strategists who want copy to carry the page. There's no portfolio grid, so it suits services more than case studies. A couple of demo paragraphs also contain typos worth fixing.
Based on the live demo, viewed on desktop and on a phone. The Design and Dev scores come from separate independent reviews. See how we score templates.