COCOON – A dark one-page template for consultancies and agencies.
A modern landing page with scroll animations, floral backgrounds, and a warm dark aesthetic. Built with Tailwind CSS 4 and vanilla JavaScript — no frameworks, no runtime dependencies. Ships with AGENTS.md for AI-assisted customization.
About this template
COCOON is a dark, modern one-page template designed for consultancies, agencies, and small specialist firms. It tells the story of a fictional AI consultancy through carefully crafted sections — from an animated Venn diagram hero to staggered team portraits on floral backgrounds.
The template uses Tailwind CSS 4 with a custom design token system. All colors, fonts, and spacing are defined in a single CSS file — change them once and they propagate everywhere. The dark theme is softened by botanical photography used as subtle background textures, creating a warm contrast to the technical aesthetic.
No frameworks, no build step required. The public/ folder contains a complete, ready-to-deploy static site. For customization with new Tailwind classes, run npm run dev for live reload. Ships with AGENTS.md so AI coding tools understand the full project structure out of the box.
Features
- One-page design — everything on a single page, no routing needed
- AGENTS.md for Claude Code, Cursor, Copilot, Windsurf, Gemini CLI
- Dark theme with warm floral accent backgrounds
- Animated hero with SVG Venn diagram logo
- Tailwind CSS 4 with custom design tokens
- Vanilla JavaScript — zero runtime dependencies
- Scroll-triggered animations with stagger support
- Sticky navigation with shrink-on-scroll effect
- Trust bar with six client logos
- Team section with staggered portrait cards
- Timeline section with pulsing activity indicator
- Two pricing cards (Sprint Week + Custom)
- Contact form with validation-ready markup
- Legal & Privacy as scrollable modals
- Mobile-responsive with hamburger menu
- Geist font (local, no external requests)
- Pre-compiled public/ folder — works without Node.js
- Fully accessible — skip link, ARIA, focus indicators, reduced-motion support
License
COCOON is available on WrapMarket. Your purchase includes a license for personal and commercial projects. You may modify the template freely for your own use.
