Introduction
Playful structure, professional results.
Squared was created for designers and agencies who want their websites to feel both bold and refined. It’s a portfolio and agency Webflow template that merges geometric precision with creative freedom — every pixel feels intentional, yet the whole experience is alive and dynamic.
Our mission was to design a system that behaves like a digital playground — fun to use, fully customizable, and endlessly flexible, so every creative can build a portfolio that’s truly their own.
Challenge
Balancing creative freedom with structure.
Agency and portfolio templates often fall into two traps — either too rigid to adapt or too chaotic to control. With Squared, we wanted to strike the perfect balance:
Structured Flexibility
The grid-based system ensures a clean, professional look while leaving plenty of room for visual experimentation.
Customizable Interactivity
Animations, icons, and backgrounds can all be recolored and adjusted in seconds — giving creators control without writing a single line of code.
Process
Crafted like a design sandbox for professionals.
To bring Squared to life, we combined playful design thinking with Webflow’s most advanced capabilities. Every element was built to be modular, lightweight, and easy to adjust.
- UI Set with 50 Components
Build, mix, and adjust — every block fits perfectly with the next, letting you assemble pages like creative LEGO - 29 Ready-to-Use Pages
From portfolios and service pages to blogs and contact forms — everything you need to launch quickly - Customizable Animations
Every animation was built directly in Webflow, so you can tweak its colors and timing without replacing assets - SVG Icons and Microinteractions
Crisp, scalable, and color-editable — even the smallest details adapt to your brand style - CMS-Powered Pages
Blog posts, projects, and team members are managed easily with built-in CMS layouts — add, duplicate, or restyle effortlessly - Full-Screen Menu Experience
Elegant, fluid, and code-free — a custom-built navigation with subtle background motion that sets the tone - Tutorials and Cheatsheets
Squared comes with clear video guides and page diagrams — because creativity should never be slowed down by confusion
Results
Squared quickly earned recognition for its combination of structure and freedom — a template that looks premium but feels approachable.
CSS Winner:
Nominee – March 21, 2024
Designers and agencies praised its flexibility, responsiveness, and joy of use — not just a website template, but a creative toolkit for building stunning digital experiences. It’s proof that professional design doesn’t have to be stiff — it can be playful, modular, and perfectly squared.
Experience Squared Live
Discover how structure and creativity collide — and how fun web design can be when everything just fits.
No items found.
No items found.
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.
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.