Sparkdesign

Collaborative design landing page with photographic project previews, interactive workflows, and a filterable project library

Built With

Next.js 16+
React 19
TypeScript
Tailwind v4
Motion
next-themes
Lucide

About this template

A landing page for a collaborative design workspace, with rounded photography, soft sage accents, and Instrument Sans throughout. Sparkdesign brings the product to life through project previews, workflow tabs, and local workspace demos, with subtle scroll and pointer interactions in both light and dark themes.

Special Features

  • Photographic hero with three project tabs and comment interaction
  • Individual/team feature tabs with canvas, access, and version previews
  • Collect, Discuss, and Present workflow tabs
  • Filterable project library with artwork, briefs, and preview dialogs
  • Personal and Together plans connected to a local workspace demo
  • Validated signup and workspace forms with local confirmation states
  • Scroll-linked audience rows and pointer-responsive closing photos
  • Responsive layouts with a consistent sans-serif type system
  • Light/dark themes, animation pause control, and reduced-motion support
  • Original branding, social image, structured data, and sitemap

Included Sections

  • Fixed navigation with active-section links and mobile menu
  • Split hero with photographic projects and signup preview
  • Three product benefits
  • Scroll-linked creative role rows
  • Interactive individual/team feature previews
  • Tabbed photographic workflow
  • Collaboration story with process photography
  • Filterable starter project library
  • Personal and Together plan rows
  • Workspace demo and FAQ accordion
  • Closing signup preview with interactive photo tiles
  • Footer with section links and back-to-top action