Discovery – Multipurpose One Page Template
Last Updated on July 9, 2026 by Editorial Team
A stylish multipurpose one-page template designed by Johnny Martinez.
Features:
- fully layered and organized in groups
- sections: header, about us, team, our projects, application, contact us, footer
- every section is full screen
Thanks to the author for providing this cool freebie!
What stands out immediately in the Discovery preview is the contrast between the moody hero shot and the bright, coral-and-navy sections that follow.
That opening screen, a dark wood desk scattered with a laptop, camera, phone, and glasses, sets an editorial, agency-like tone before the page shifts into a cleaner, more graphic mode built on flat color blocks and diagonal cuts.
It reads like a portfolio site for a creative studio or freelancer who wants to open with atmosphere and then get straight to business with team bios, project showcases, and a contact form.
The diagonal coral triangle that slices across the “Meet the Team” section is one of the more memorable design choices here.
It repeats later near the application and newsletter sections too, giving the whole one-page layout a visual thread that ties otherwise very different sections together.
Combined with the bold, rounded sans-serif logotype and the small red accent word in the hero tagline, this diagonal motif is what gives Discovery its identity rather than any single color or photo treatment.
Because every section is built to fill the full screen, scrolling through the page feels deliberate and cinematic rather than cramped.
Each section gets its own moment: a full-bleed photo panel here, a solid navy background there, a near-white section for text-heavy content like the newsletter signup or footer links.
This kind of pacing works especially well for a one-page agency site, a personal portfolio for a photographer or designer, or a startup landing page that needs to walk visitors through who they are, what they do, and how to get in touch without forcing them to click through multiple pages.
Adapting the Color and Photo Treatment
The template’s coral, navy, and near-black palette is bold enough to carry a brand on its own, but it is also simple to swap.
Because the sections rely on flat color blocks rather than gradients or textures, changing the accent color from coral to your own brand hue is mostly a matter of updating a handful of shapes and the diagonal overlays.
The dark hero photo is doing a lot of the mood-setting work, so if you replace it, look for a similarly moody, desaturated shot with enough negative space on the left for the bold headline type to sit comfortably.
For the team and project sections, swapping in your own photography while keeping the same cropping and full-screen treatment will preserve the rhythm the template was built around.
The typography leans on a heavy, rounded sans for headlines and a lighter weight for body copy and navigation, which keeps the page feeling approachable despite the dark opening section.
If you’re customizing it, keep that weight contrast intact since it’s doing a lot of work to separate headlines from supporting text across sections that otherwise share a similar color field.
Icons for social links and section markers are minimal and outlined, so any simple line-icon set will blend in without clashing.
This template pairs naturally with a matching set of social icons, a simple contact form pattern, or a small icon pack for services, since the layout already leaves clear space for those elements in the header and footer.
If you’re assembling a fuller brand presentation, it also sits well alongside a business card or letterhead mockup that picks up the same coral and navy combination, giving the whole project a consistent look from screen to print.
