The runtime for production AI agents. A design-forward, multi-page marketing site, statically rendered with Astro, motion-rich, and dark-atmospheric.
Live demo → nebula.signalizeai.org
Nebula is a concept marketing site for a fictional AI-agent runtime, built to show a polished, modern multi-page website end to end. Pages: home, features, pricing, docs (with changelog), blog (with posts), about, and a 404.
- Statically rendered — every page ships real HTML (great SEO, instant first paint),
not an empty
<div>hydrated by a bundle. - Islands architecture — only the navigation is a React island; everything else is
static HTML with CSS entrance animations and a native
<details>FAQ, so the content is fully visible without JavaScript. - Tiny runtime — a ~1KB inline script does scroll-reveal (IntersectionObserver) and
lazy-loads Lenis for smooth scroll, both gated behind
prefers-reduced-motion.
- Cosmic dark identity: warm-gold accent over a full-bleed cool plasma mesh
- Bricolage Grotesque display + Geist body, self-hosted (no font CDN)
- Responsive from 390px to ultrawide; accessible (labelled controls, focus, landmarks)
- Real content across every page, sitemap, SEO meta, social preview
Astro 7 · React 19 (islands) · TypeScript · Tailwind CSS v4 · Lenis · Vitest · astro check ·
deployed on Cloudflare Pages.
npm install
npm run dev # http://localhost:4321
npm run test # Vitest
npm run typecheck # astro check
npm run build # static build to dist/MIT © Royal Simpson Pinto · A concept design, not a real product.