Skip to content

Repository files navigation

Vantage

An independent design & technology studio. A design-forward, multi-page agency site, bright, editorial, and kinetic, statically rendered with Astro.

ci License: MIT Astro Tailwind

Live demo → vantage.signalizeai.org

Vantage home

About

A concept site for a fictional creative studio, built to show a bold, editorial multi-page website. Pages: home, work (with case studies), studio, services, contact, and a 404.

Craft

  • Distinct identity — bone-white ground, near-black ink, a single vivid vermilion accent, and huge Syne display type paired with Hanken Grotesk (both self-hosted)
  • Kinetic & interactive — a marquee of services, a horizontal scroll-snap work reel (pure CSS), and a soft custom cursor (React island, disabled on touch / reduced-motion)
  • Static-first — every page ships real HTML; only the nav and cursor hydrate. All content is visible without JavaScript (reveals are progressive enhancement)
  • Responsive, accessible (labelled controls, focus, landmarks), SEO meta + social preview

Tech

Astro 7 · React 19 (islands) · TypeScript · Tailwind CSS v4 · Lenis · Vitest · deployed on Cloudflare Pages.

Run it

npm install
npm run dev        # http://localhost:4321
npm run test
npm run build

License

MIT © Royal Simpson Pinto · A concept design, not a real agency.

About

Vantage — an independent design & technology studio. A bold, editorial, multi-page Astro concept site.

Topics

Resources

Code of conduct

Contributing

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages