Cut through the noise. SIGNAL is a fictional growth marketing agency website built for the CloudCannon Astro Challenge.
Built by David V. Kimball.
A fully-branded, multi-page marketing agency website demonstrating what the Astro Component Starter can do when pushed to its limits. Not a template showcase. A real site for a real (fictional) business.
- Electric cyan + warm coral on deep black. A distinctive palette that hits different.
- Space Grotesk + Outfit typography. Modern, geometric, not generic.
- Animated mesh gradients on hero sections via pure CSS keyframe animations.
- Glassmorphism navigation with backdrop blur and subtle borders.
- Scroll-driven reveal animations on every page section.
- Neon glow accents on eyebrows, CTAs, and interactive elements.
- Subtle noise grain overlay for depth.
- Full dark mode as default with complete light mode support.
- 7 pages: Home, Services, Work, About, Blog, Contact, Search.
- 11 blog posts with real marketing content, not lorem ipsum.
- Every CloudCannon editing feature preserved: drag-and-drop, visual editing, structured content.
| Page | What it demonstrates |
|---|---|
| Home | Hero, feature grid, case study splits, testimonials, CTA |
| Services | Multiple feature splits, feature grid, CTA |
| Work | Case study showcase with feature splits |
| About | Hero split, team grid, FAQ accordion, CTA |
| Contact | Full contact form with select, textarea, validation |
| Blog | Paginated blog index with real marketing articles |
| Search | Pagefind-powered static search |
git clone https://github.com/davidvkimball/fluent.git
cd fluent
npm install
npm run devSite runs at http://localhost:4321.
MIT