Make it
your own.

Two collections. Room to grow.

Projects powers the project archive and case study pages. Add a name, slug, summary, cover image and alt text, then fill in the client, year, discipline, services and case study sections. Sort Order controls the archive sequence; the first project takes the full-width position.

Articles powers the journal and article pages. Add the title, excerpt, image, category, author, publication date, reading time and rich text body. The latest article becomes the featured story; the remaining articles appear below it. Each article also shows the two newest other articles, automatically excluding the current story.

The homepage uses a curated selection of three project compositions. Edit these cards directly when changing the studio’s featured work, including their links and image descriptions.

One shared visual language.

NUVREN Navigation and NUVREN Footer are shared Webflow components. Enter the main component to update navigation, logo or utility links across the site. The mobile navigation uses an accessible disclosure menu.

Space Grotesk carries the interface and body copy. Instrument Serif adds the editorial accent. The palette combines ivory, ink, muted sage and acid yellow. Use the Style Guide when adding new sections.

Native GSAP, editable in Webflow.

Open the Interactions panel to edit the NUVREN animations. All motion is built with Webflow’s new Interactions powered by GSAP. No external animation script needs to be maintained.

• Home editorial entrance: staggered headline, image and supporting copy on page load.
• Editorial page titles: masked line reveals on interior pages, around one second.
• Scroll reveal: elements marked data-reveal rise 40 pixels and fade in when entering the reading area.
• Sculptural parallax: a restrained scroll-driven drift on the homepage artwork.
• Project & article image hover: images gently zoom in and return on pointer exit.
• Directional buttons: a small lift gives links a tactile response.
• Footer signature: the large wordmark rises into view.
• Mobile menu rhythm: navigation links arrive in a short stagger.

Keep the class names and data-reveal / data-page-title attributes when replacing elements that should retain their motion. Preview after changes. Reduced-motion preferences skip reveals or disable continuous and hover effects; parallax and hover are disabled on the mobile breakpoints.

Replace the demonstration content.

The studio, projects, stories and contact email are fictional examples. Replace hello@nuvren.studio, studio details and imagery with your own. Set the form’s notification recipient in your site settings before launching. The form is named Project Enquiry and includes custom success and error messages.

Replace SVG logos and decorative graphics through the Assets panel using the same proportions. These are image assets, so no embedded SVG code needs editing. Keep useful alt descriptions for content images and empty alt text for purely decorative marks.

Give every detail a final look.

Review desktop, tablet and phone layouts, CMS item links, form behaviour, page titles, descriptions and social sharing images. Publish to your Webflow staging domain for a final review before connecting your domain.

If you plan to submit a template to the Marketplace, follow Webflow’s current submission checklist and complete its required validator and quality review.