Cel is a masonry-style animator landing page template built for freelance animators who lead with craft and close with commissions. It pairs a full-screen pencil-test video header with an award-annotated portfolio grid, a sticky lead-capture bar, and a blog-woven scroll experience that turns casual visitors into genuine project inquiries.
by Rocket studio
Cel is a single-page animator portfolio template with a masonry layout, award-recognition annotations, and a dual conversion path. It opens on a looping pencil-test-to-final-composite video, builds trust through a festival-badged portfolio grid, and closes with a sticky "Let's Animate Something" contact bar that appears only after the work has spoken first.
Cel is built for working animators who need a portfolio that does active selling. If your reel has been to a festival or your credits span commercial, game, and independent work, this template has the architecture to show that progression clearly.
Most animator portfolios are flat galleries with no narrative arc. They show the work but not the weight behind it. Cel solves the problem of looking like every other portfolio link in an art director's inbox.
You get a complete, ready-to-customize single-page layout designed around the specific needs of an animator portfolio and blog. Every section serves either proof, story, or action.




Theme
Ink & Paper
Creative direction
Award & Recognition
Color system
Void & Violet
Style
Masonry/Pinterest
Direction
Lead Generation
Page Sections
Full-screen Pencil-test Video Header
Award-annotated Masonry Portfolio Grid
Inline Blog and Portfolio Card Weaving
Sticky Lead-capture Bottom Bar
Dual Conversion Path Design
Void and Violet Design System
Do I need a finished animation reel before using this template?
What video format works best for the full-screen header?
Can I use this template if I do not have festival laurels yet?
Is the sticky contact bar visible on mobile devices?
Can I change the project types listed in the inquiry form?
This template is built around six core capabilities, each one grounded directly in the brief.
The header opens on punched animation paper with wobbling graphite lines, then dissolves into a fully colored final sequence. The camera pushes in slowly, revealing paper grain and eraser dust before the transformation. A festival laurel watermark fades in quietly at the lower corner, followed by a scroll prompt.
Every portfolio card in the masonry grid supports a small laurel icon or selection badge tied to a specific festival recognition. Cards are not just thumbnails; they carry context. The grid scrolls like a career timeline, moving from student reel to studio credits to independent festival wins.
Blog entries appear directly between portfolio pieces rather than in a separate section. These short posts cover topics like spacing charts, smear frames, and production diaries. The result is a scroll experience that feels like a director's commentary running alongside the work itself.
A bottom bar with a "Let's Animate Something" call to action anchors to the screen after the third row of masonry loads. It includes a project type selector covering commercial, game cinematic, title sequence, and music video options, a brief description field, and a timeline selector.
A "Subscribe to the Desk Drawer" prompt gives blog-interested visitors a low-commitment way to stay connected. This secondary path converts browsers who are not ready to hire into an audience that may return when they are.
The color palette uses bottomless black as the primary canvas, bruised violet for hover states and category tags, faded vellum for card surfaces and body text, and nib-ink blue-black for headlines. The overall effect is a lightbox switched on in a dark studio.
| Section | Purpose |
|---|---|
| Full-Screen Video Header | Opens with pencil-test-to-final-composite loop and festival laurel watermark |
| Scroll Prompt Trigger | Signals the start of the portfolio experience after the header loop plays |
| Masonry Portfolio Grid | Displays work cards with award badges in a career-arc scroll order |
| Blog Cards (Inline) | Weaves process posts between portfolio pieces as director's commentary |
| Sticky Bottom Bar | Anchors lead-capture form after the third row of masonry loads |
| Project Inquiry Form | Collects project type, brief description, and timeline from prospects |
| Email Subscribe Prompt | Captures blog subscribers via "Subscribe to the Desk Drawer" path |
The visual identity follows an Ink and Paper theme expressed through the Void and Violet color system. Every color choice reinforces the sensation of working at an animation desk late at night.
The masonry layout and video header are structured to work across screen sizes without losing the tactile, paper-lit atmosphere of the desktop experience.
Cel is structured around proof-first, ask-second conversion logic. It earns attention before it requests anything.
Cel is part of a broader Portfolio and Agency template category and is specifically designed for the Animator Blog and Portfolio niche. A few additional details worth knowing before you customize it.