BRAN one page template

Last Updated on July 24, 2026 by Editorial Team

Very nice looking template, niched on digital agencies or creatives, but can easily be repurposed. Created by Antonio Hristovski.

The hero section alone tells you most of what you need to know about BRAN. A full-bleed photograph of dark, textured ocean water fills the entire viewport, with a hand-drawn brush-style logo mark in the top left and a slim hamburger menu tucked into the top right. Layered over the water is a two-tier headline treatment: a light, thin-weight line of introductory text sitting above a bolder, heavier statement in all caps. That contrast in type weight does a lot of work here, it gives the page a sense of editorial pacing before a visitor has scrolled an inch. A short paragraph of supporting copy and a simple outlined “read more” button sit below, and a scroll indicator at the bottom nudges the eye downward. Dot navigation on the right edge suggests this hero is built to rotate through multiple slides, which is a nice touch if you want to introduce more than one message before the fold.

Below the fold, the template shifts to a lighter, almost washed-out background with a faint mountain or cloud texture behind a centered wordmark, hinting that BRAN alternates between dramatic full-image sections and calmer, content-focused breathing room as the page continues. That rhythm of dark, immersive imagery followed by quieter white space is a hallmark of one page templates built for storytelling brands: agencies, studios, portfolios, and product launches that want visitors to scroll through a narrative rather than click through a traditional multi-page menu.

Where BRAN Works Best

The moody photography and restrained typography make this template a natural fit for:

• Digital agencies and creative studios that want a cinematic, image-led homepage
• Freelancers and consultants building a single-page portfolio or personal brand site
• Product or app landing pages that lean on a strong hero visual and a clear call to action
• Event, travel, or hospitality pages where large photography sets the mood
• Startups that need one polished page to validate an idea before building a full site

Because the layout leans so heavily on full-width imagery rather than illustration or iconography, it also suits photographers, architects, and anyone in a visually driven field who wants their own work to be the star of the page.

Adapting BRAN to a different brand starts with the hero image. Swap the ocean photo for something that matches your subject, whether that’s a cityscape, a product shot, or an interior, but keep the same general tonal range: something dark or moody enough that white text stays legible without a heavy overlay. If your replacement image is brighter, add a subtle gradient or darkening layer behind the text block so the headline and button keep their contrast.

The two-tier headline is worth preserving even as you rewrite the copy. Use the thin line for a short, atmospheric phrase and reserve the bold caps line for your actual value proposition or tagline, since that’s the line visitors will actually read and remember. Keep the supporting paragraph brief, three lines is about the ceiling before it starts competing with the image for attention. The outlined button style is deliberately understated, so if you want a stronger call to action, consider filling it with a solid color that pulls from an accent in your imagery rather than changing the whole button shape.

If you’re carrying the dot navigation and scroll cue into your own build, make sure they’re functional rather than decorative. A hero built as a slider only earns its dots if there’s genuinely more than one message worth showing, otherwise a single static slide with just the scroll arrow will feel cleaner. Below the hero, use the calmer, lighter section as a template for how to introduce your logo, mission statement, or services without competing with the drama of the opening image. Pair this style with clean sans-serif body copy, generous line spacing, and plenty of negative space throughout the rest of the page so the photography-driven sections don’t feel exhausting by the time visitors reach your contact form or footer.