Elena Voss is a one-page portfolio template for web and brand designers, with scroll-driven sections, a contact form in a modal, and layouts for Desktop, Tablet and Phone. It comes in two versions, a Framer template and a Next.js codebase, and every option includes the Figma design file. Buy either version, or both as a bundle.

Framer version: https://elenavoss.framer.website

Next.js version: https://vault.hyperiux.com/template-demo/elenavoss

Framer Template ($39): a remix link that copies the full project into your own Framer account, plus the Figma design file (.fig).

Next.js Template ($39): the source code as a ZIP file (Next.js, React, TypeScript, Tailwind CSS, GSAP, Lenis) with setup notes in the README, plus the Figma design file (.fig).

Bundle ($69): the Framer template, the Next.js source code and the Figma design file.

Hero: a large headline with a portrait that scales down as you scroll.

Portfolio: project cards that stack as you scroll, with a progress line for the active project.

"Why work with me": three cards.

Services: cards that slide in sideways while the section is pinned. Hovering a card fills it with the accent gradient.

Awards: on desktop, a floating image follows the hovered row, and the dividers bend under the pointer.

Client logos: they fly in from depth as you scroll.

Testimonials: a carousel with prev/next buttons, avatar thumbnails and swipe on touch.

FAQ: items open and close with a height animation.

Footer: contact card, links that underline on hover, and social icons.

Every "Get in Touch" button opens the contact form in a modal. The header hides when you scroll down and comes back when you scroll up.

Desktop (1280), Tablet (768) and Phone (390) breakpoints.

Every native text layer uses a project text style and colour style, so you restyle it in one place.

The FAQ is a native Framer component with Open and Closed variants and editable Question and Answer text.

The animated sections are code components, and their content, colours and timings are edited in the properties panel.

A Read Me page inside the project explains the setup.

Animations respect the visitor's reduced-motion setting.

Font: Host Grotesk (Google Fonts, Open Font License).

The Framer version needs a Framer account to remix. Framer bills hosting and custom domains separately.

The Next.js version needs Node.js to run and any host that supports Next.js to deploy.

Logos, awards and testimonials are demo content with fictional names, ready for you to replace.

One purchase covers one buyer.

The remix link is for your own one-time use. Please don't share it.

Don't resell or redistribute the template, its code or the Figma file, in whole or in part.

Refunds These are digital products you can access as soon as you buy, so all sales are final and non-refundable.