

Introduction
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
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
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
.jpg)
.jpg)
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.
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.