InvictusFlower: A Florist with an Editorial Eye
A floral atelier landing page with a high editorial aesthetic, GSAP animation, a responsive bento grid, and a striking particle cursor.

Background
InvictusFlower is a premium florist that wanted its catalogue to read like a magazine spread: large photography, serif typography, and a layout that gives each arrangement room.
The challenge
- Editorial aesthetic. layout and typography follow the language of a fashion magazine
- Particle cursor. a distinctive interaction that leaves a trail as the cursor moves
- Bento grid layout. a modern, flexible, visually engaging structure
- Multiple pages. homepage, catalogue, occasions, about, and contact
What we built
Editorial design
- Premium typography pairing Newsreader (serif) with Manrope (sans-serif)
- A dynamic, responsive bento grid layout
- An elegant natural colour palette
Distinctive interaction
- Particle cursor. the cursor leaves a delicate trail of floral particles
- Smooth GSAP animation through every section
- Seamless page transitions
Full content
- Homepage with an editorial hero and product showcase
- Flower catalogue with category filtering
- Occasion pages (weddings, birthdays, condolences, and more)
- An about page that tells the brand’s story
- A contact page with an order form
Technology used
| Category | Technology |
|---|---|
| Framework | React 19 + TypeScript |
| Build Tool | Vite |
| Styling | Tailwind CSS |
| Animation | GSAP |
| Typography | Newsreader + Manrope (Google Fonts) |
| Routing | React Router |
Engineered Tech Stack
Ready to Engineer a Similar Solution?
Discuss your operational requirements, system architecture, and milestone roadmap with InvictusWave senior engineers.




