Atelo
A refined, editorial-grade portfolio template for independent designers, studios, and creative agencies.
A refined, editorial-grade portfolio template for independent designers, studios, and creative agencies.
Pages
8 pages, each with 3 responsive breakpoints (Desktop / Tablet / Phone):
Home — Hero with 3D tilt card, selected work, statement, services, process, experience timeline, metrics, testimonials with parallax, recognition & awards, client logo ticker, pricing, journal, and FAQ accordion
Work — Filterable project grid powered by CMS
Work Detail — Project hero, metadata (client, duration, location), body text, image gallery, and related projects
Article — Filterable article grid powered by CMS
Article Detail — Article hero, metadata (author, read time, location), body text, image gallery, and related articles
Gallery — Visual showcase page
Contact — Two-column layout with contact info and form
404 — Custom error page
CMS
5 collections with pre-filled sample content:
Work (6 items) — Category, title, images, client, duration, location, body text
Article (4 items) — Category, author, read time, image, body text
Experience (6 items) — Company, year, role, location
Services (4 items) — Title, description, image
Awards (3 items) — Awardee, images
Design System
7 color tokens — Surface, Surface Alt, Border, Muted, Dark, Stone, Signal
9 text style presets — Display (Libertinus Serif), Heading 2, Heading 3, Label, Body, Body Large, Body Small, Caption, Subtitle (Geist)
Iconic icon set throughout
Components
18 reusable components including Nav (L/M/S responsive variants), Button (Primary/Secondary), Work Card, Article Card (XL/S variants), Pricing Card, Accordion (Open/Closed), Testimonial Card, Ticker, Slideshow, and more.
Code Components
Tilt Card — Interactive 3D perspective card with flip animation, glare effect, and depth parallax. Static render for canvas and export.
Infinite Canvas — Infinite scrolling canvas effect
Key Features
Fully responsive across Desktop, Tablet, and Phone
CMS-driven content with detail pages
Semantic HTML (<section>, <form>) and alt text on all images
Spring-based appear animations and scroll effects
Custom cursor component
Smooth scrolling integration
Support
Like all digital products, this template is delivered instantly and isn't eligible for a refund after purchase.
That said, if something isn't working right, just reach out — I'll make sure it does. And if you're working on a Framer project and need a hand, I'm available for that too.
