Voynich landing page
Last Updated on August 21, 2026 by Editorial Team
Cool landing page with a super nice color palette and beautiful design, created by Elegant Designs. The freebie contains the .psd file and links to all the images and icons used (all free resources).
Voynich takes its name from the mysterious medieval manuscript, but the design itself is anything but cryptic. It leads with a single dramatic photograph, the weathered face of the Statue of Liberty, pushed through a deep teal and forest green duotone that gives the whole landing page template a moody, editorial feel before a single line of copy is read.
That green wash is the defining trait of this free landing page PSD. It turns a familiar monument into something almost sculptural and abstract, more texture than tourist photo, and it sets a tone that reads as confident and slightly cinematic rather than corporate.
Against that heavy background, the interface elements stay deliberately light. A thin-line logo mark of three linked figures sits at the top, paired with clean uppercase type, and the navigation bar below it is stripped down to a handful of links and a single mint-green call-to-action button. That mint accent is the only real color note against the green-black photography, so it does a lot of work drawing the eye straight to the “Get Start” button.
The headline treatment, “Ideas worth sharing,” is set in a light, generously spaced sans-serif that lets the photography carry the visual weight while the text stays quiet and confident. It’s the kind of hero section built for a bold statement rather than a wall of marketing copy, which is exactly why it works so well for concept-driven products, talks, publications, or agency pitches rather than feature-heavy SaaS dashboards.
Because the mockup shows the design scaled across a desktop monitor, a laptop, and a tablet, you can see how the layout intends to behave responsively. The laptop view swaps in a night skyline shot for a secondary section, hinting that the template is built around modular content blocks rather than a single fixed hero. The tablet view shows a simple three-icon feature row followed by body copy, which suggests the page is structured in the classic hero-to-features-to-detail flow that most landing pages rely on, just dressed in a much moodier visual language than usual.
Where This Kind of Duotone Hero Works Best
A landing page built around one striking, color-treated photograph is best suited to projects that have a strong story or a single big idea to sell.
Think conference or talk landing pages, editorial and publishing launches, creative studio portfolios, nonprofit or civic campaigns, or any startup whose product is more about vision than a grid of feature icons.
Because the imagery is treated so heavily, it also suits situations where you want to disguise a fairly ordinary stock photo. The duotone effect flattens detail and unifies color, so even a busy or imperfect source image can look intentional and premium once it’s pushed through a similar green treatment.
It’s a less natural fit for dense product pages that need lots of screenshots, pricing tables, or long-form comparison content, since the whole design leans on negative space and a restrained color story to make its impact.
Adapting the Template for Your Own Brand
The fastest way to make this landing page your own is to start with the hero photograph. Swap in an image with strong contrast and a clear focal point, then reapply a duotone or gradient map to push it toward your own brand colors instead of the green and teal shown here.
From there, treat the mint accent color as a slot rather than a fixed choice. Replace it consistently across the CTA button, any link highlights, and small UI accents so the page still reads as having one clear pop of color against a darker, more muted background.
The logo mark and navigation are simple enough to rebuild quickly. Since the type is a clean geometric sans-serif, most standard web fonts will drop in without disrupting the airy, minimal feel of the header.
When rebuilding the secondary sections shown in the laptop and tablet views, keep the same spacing logic: generous padding, short headline phrases, and only as much body copy as fits comfortably next to the icons or imagery. That restraint is what keeps the design feeling premium rather than crowded.
If you’re presenting the finished concept to a client or in a portfolio, pairing this landing page with additional device mockups, a simple icon set for the feature row, and a matching color palette or style tile will round out the presentation and make the direction easy for others to approve at a glance.
