Filo: animated beauty website template
An animated beauty website in plain HTML with GSAP. Classic cuts, a straight razor and unhurried conversation.
Free with a free account
What it is
A neighbourhood barbershop as a full website: home with a pinned four-service scroll, about, a full price list, a service detail with its own pinned steps, three locations with a booking form and FAQ, the barbers, style guide, legal and 404. Cream and near-black, Bodoni Moda caps, a custom cursor and scroll-bound marquees.
Screens
What's included
| Type | Full website, 9 pages |
|---|---|
| Sections | 5 on the home page |
| Stack | HTML, CSS. No framework, no build step |
| Typography | Corinthia, Instrument Sans, Bodoni Moda |
| Versions | Desktop and a dedicated mobile version |
| Languages | English and Spanish |
| AI prompt | The full prompt.md, to adapt it with Claude Code, Cursor or any agent |
| License | Commercial, unlimited own and client projects, no attribution |
Motion in this template
Every animation ships as plain GSAP you can read and change. Where the library has the same motion as a standalone component, it is linked, so you can study it on its own.
Questions
What license do I get?
The commercial license of the plans, limited to this template: use it in unlimited projects of your own and for clients, with no attribution. You can't resell or redistribute the template itself.
What if I want the plan later?
Every plan includes every template, Filo too, plus the prompts of the component library. If you bought one or two templates and move to a yearly plan, write to contact@vanguardia.dev and we take what you paid off the price.
How do I adapt it with my agent?
Unzip it and open the folder in Claude Code, Cursor or any coding agent. The prompt.md describes the structure, the motion and what to change first (name, colors, copy, images), so the agent edits the template without breaking the animations.