Introduction

Modern design. Effortless elegance.

Centim was crafted with one purpose: to give agencies and creatives a portfolio template that reflects the sophistication and confidence of their work. With its clean structure, distinctive interactive ribbons, and refined typography, it strikes the perfect balance between simplicity and innovation.

Every page was designed to showcase ideas with clarity — while subtle motion adds depth and character. The result is a digital canvas that enhances, not overshadows, your creativity.

Challenge

Standing out in a sea of sameness.

Many portfolio websites struggle to make an impact — either overloaded with visual noise or too minimal to be memorable. Our goal with Centim was to create a design that feels timeless yet unmistakably unique.

Distinctive Animation Design

The centerpiece of Centim’s identity — ribbon-like animations that look three-dimensional but are built entirely in Webflow. These fluid movements add depth and sophistication without slowing performance.

Brand Flexibility

A fully customizable color system allows you to restyle the entire template — from backgrounds and typography to icons and preloaders — with a single palette adjustment.

Ease of Editing

A streamlined editing experience supported by a detailed Style Guide and Tutorials page makes customization straightforward.

Process

From template to timeless showcase.

Every part of Centim was designed to combine powerful features with elegant design logic:

  • Ribbon animations
    Crafted natively in Webflow for smoother performance and full creative control
  • Customizable global palette
    Instantly updates every color across the site, from buttons to preloaders
  • Responsive on every level
    Each breakpoint redesigned and tested for optimal visual balance
  • Dynamic CMS collections
    Manage projects, blog posts, and featured sections effortlessly
  • Built-in eCommerce
    Sell your creative services through a simple, flexible pricing system
  • Tutorials & Style Guide
    Making editing intuitive, structured, and fast

Results

Awards & Recognition:

CSS Nectar:

Site of the Day – March 24, 2024

CSS Winner:

Nominee – March 22, 2024

CSS Design Awards:

Best UX Design – March 28, 2024

CSS Design Awards:

Best UI Design – March 28, 2024

CSS Design Awards:

Best Innovation – March 28, 2024

CSS Design Awards:

Special Design Kudos – March 28, 2024

Discover how this modern, responsive template can bring your agency or personal brand to life in a way that feels effortlessly distinct.

Experience Centim live

See how form, motion, and precision align — and explore a portfolio experience built to impress. Every scroll and animation in Centim reflects the balance between design clarity and creative expression.

No items found.
No items found.

Section's Small Title

Enter Section's Big Title Here

Handee

CSS Winner:
Star
02.08.24

Squared

CSS Winner:

Duotint

Go inside the component to edit its contents.
Welcome New Ideas
Welcome New Ideas
Welcome New Ideas
Welcome New Ideas
Welcome New Ideas
Welcome New Ideas
Welcome New Ideas
Welcome New Ideas
1. Double-click the green symbol to open it.
2. In the Navigator (left panel), go to "Section X" → "Wrap X".
3. Select the "Video Background" element.
4. In the Settings (right panel), click Replace Video.
5. When finished, exit the symbol by clicking the green button at the top.