Get 50% off on all templates until Dec 3, 11:59pm PT! Code: 1128CWWFTS123

Customize this template

Schedule a time with a Webflow expert to customize this template. Learn more

Get started

Galery is a spacious, editorial Webflow template built for designers, photographers, and creative studios. Warm monochrome aesthetics, GSAP scroll animations, dark/light mode, and a typographic bracket cursor — crafted for portfolios that breathe

Figma File Included

Figma file included with your purchase. Download your file here



Galery is a minimal, editorial Webflow template crafted for designers, photographers, and creative studios who want their portfolio to feel like a curated exhibition — not a generic grid. Built around a warm monochrome palette, generous whitespace, and GSAP-powered motion, Galery blends refined typography with a gallery-like aesthetic where the work is always the focus.

Showcase your projects, case studies, and thoughts with a system designed for clarity and quiet confidence. From scroll-triggered reveals and parallax layers to a custom typographic bracket cursor, Galery uses intentional motion to guide attention, create rhythm, and add that editorial finish that separates a portfolio from a template.


Animations & Interactions

Galery is built around purposeful, editorial motion design.

  • Scroll-Triggered Fade-Up Reveals
  • Parallax Layers (Hero, Work Detail Gallery)
  • Animated Number Counters
  • Typographic Bracket [ ] Custom Cursor
  • Button Hover (Text Slide + Background Reveal)
  • Work Strip, Grid & List Hover Effects
  • Philosophy Section — Hover Image Reveal
  • Awards Section Hover
  • Blog Card Hover Effects
  • Blog Post Scroll-Spy Table of Contents
  • Line Hover Underlines
  • Dark/Light Theme Toggle Animation
  • Preloader Sequence
  • Link Badges & Keyword Tooltips
  • Real-Time Clock

Every interaction exists to reinforce clarity, rhythm, and the gallery-like presence of the template.


Dark/Light Mode

Galery ships with a native dark/light mode toggle powered entirely by Webflow Variables. One click switches the entire palette — backgrounds, text, borders, and UI elements — without custom code. Both modes are designed with the same warm monochrome system: a 9-step grayscale with zero accent colors, so your work remains the only color on the page.


Pages Included

Static Pages

  • Home (3 versions)
  • About
  • Work (3 versions)
  • Contact (3 versions)

CMS-Powered

  • Work Details (Case Studies)
  • Blog Post

Utility & Legal

  • Style Guide
  • Instructions
  • License
  • 404


Multi-Layout System

Galery includes 3 versions of Home, Work, and Contact — giving you 27 possible layout combinations out of the box. Each version shares the same design language but offers a different structure: editorial long-scroll, grid-focused, or minimal single-fold. Pick the combination that fits your brand, or use them as starting points for something new.


Built for Customization

Galery is engineered around Webflow Variables and modular components. Typography, colors, spacing, and border-radius are all controlled through Variables — update once, see changes cascade across the entire template. Every GSAP animation is bound via data attributes, not class names, so you can rearrange sections without breaking motion.

The warm monochrome palette uses Overused Grotesk as a single variable font (weights 300/400/500), zero shadows, and generous spacing. The result is a clean, gallery-like canvas where the work is always the loudest element on the page.

A comprehensive Style Guide controls all base styles, tokens, and components. Customize once — everything follows.


Who Is Galery For?

  • Designers and art directors showcasing refined, visual work
  • Photographers who want their images to breathe, not compete with the UI
  • Creative studios that want their site to feel as curated as their portfolio
  • Freelancers ready to present work with editorial clarity
  • Anyone who believes a portfolio should feel like a gallery — spacious, intentional, and quiet

Why Galery?

  • Editorial aesthetic, not generic portfolio — Warm monochrome, zero shadows, generous spacing. Your work is the only color on the page.
  • Premium GSAP animations — 15+ interaction types: scroll reveals, parallax, hover effects, animated counters, preloader, and a custom bracket cursor that defines the identity.
  • Native dark/light mode — Powered by Webflow Variables, no custom code. Both themes designed with equal care.
  • Multi-layout flexibility — 3 Home, 3 Work, 3 Contact versions. 27 combinations without touching the designer.
  • CMS-ready — Blog with scroll-spy table of contents and portfolio with dedicated case study pages. Content scales with your work.
  • Performance-conscious — Clean animation sequencing, variable font, optimized images, and semantic structure for fast loading and strong SEO.

What You Get

✅ 15+ professionally designed pages

✅ 3 Home, 3 Work, 3 Contact layout versions

✅ 2 CMS collections (Work, Blog)

✅ Premium GSAP animations — no plugins required

✅ Native dark/light mode via Variables

✅ Custom typographic bracket [ ] cursor

✅ Fully responsive (desktop, tablet, mobile)

✅ Comprehensive Style Guide

✅ Figma file included

Whether you're presenting a single flagship project or scaling a full studio portfolio, Galery gives you the structure, editorial refinement, and GSAP-powered motion to stand out — and the flexibility to grow without redesigning from scratch.


Support

If you need support, have questions, or want to send feedback about the template, please contact us.

www.divsupply.com

suport@divsupply.com

Show more
Single Use License

Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.

Free License

This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state.

Div Supply supports this template
Designed by Div Supply

Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.

For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Partner.

Loving this template?

Share your feedback by leaving a comment below.

For template support, please check the Support tab.

Is there a template demo available?

Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.

Can templates be used in existing projects?

It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.

Can templates be exported?

With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.

How to purchase a template from a legacy team account?

Webflow templates are only available for purchase through Workspaces and legacy individual accounts.

How to remove the CMS functionality from a template?

CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.

Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Components and the Collection page Templates.

How to remove the Ecommerce functionality from a template?

Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.

How to remove the Memberships functionality from a template?

Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.

Subcategory
Design Portfolio
Design Portfolio
Creative Agency
Creative Agency
Features
CMS
Web fonts

Uses fonts from Google's Web Font collection.

CMS
Responsive slider

Display images and text elegantly on every device with our touch-friendly slider.

CMS
Background video

Bring life and motion to your design with background videos

CMS
Responsive navigation

Site navigation automatically collapses into a mobile-friendly menu on smaller devices.

CMS
Retina ready

All graphics are optimized for devices with high DPI screens.

CMS
Custom 404 page

Custom design for the 404 page of your website

CMS
Media lightbox

Showcase high-res photos and videos on a black backdrop.

CMS
CSS Grid

Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.

CMS
Content management system

Customize the built-in database for your project or just add new content.

CMS
Responsive design

Displays perfectly on desktops, tablets, and phones.

CMS
Forms

Build your lead lists and subscriber base with beautiful forms.

CMS
Interactions

Comes with animations and interactions for additional polish and usability.

CMS
3D transforms

Display 3D graphics elegantly on every device.

Related Tags

Similar templates

Browse all

You might also like

Browse all
No items found.

More by Div Supply

All templates by Div Supply
No items found.
Design Portfolio
Creative Agency