Who is this template for?
- Creative studios and design agencies
- Independent designers and art directors
- Freelancers and solo creatives building a portfolio
- Design-led teams looking for a professional web presence
General Features
- Ultra-fast Performance: Built with Astro for blazing-fast load times.
- Data-driven Reusable Components: All UI components are powered by centralized data configs — swap copy, update services, and scale your portfolio without touching component code.
- JSON-driven Content: Manage all studio copy, services, and project metadata from centralized config files — no CMS required.
- Light & Dark Mode: A polished theme system that adapts to visitor preferences.
- Fully Responsive: Looks perfect across mobile, tablet, and desktop.
- Framer Motion Animations: Smooth, cinematic page transitions and element reveals.
- Scroll-driven Animations: Engaging scroll effects that bring your work to life.
- JSON-driven Content: Manage all content from a centralized config — no CMS required.
- SEO Optimized: Everything in place — sitemap, metadata, and Open Graph tags.
- Secure Contact Form: Spam-protected form with service selector and reliable email delivery.
Technology Overview
- Astro 5 (SSR/SSG)
- Jsx
- React (Islands)
- Tailwind CSS v4
- Framer Motion
- Zod (form validation)
Included Pages & Sections
- Home: Hero with animated headline, featured work, services overview, about teaser, and CTA
- Agency: Studio values, team profiles, and approach section
- Work / Portfolio: Full project listing with filterable categories
- Project Detail: Individual case study page with images, process, and results
- About: Studio story, mission, and team section
- Blog: Articles with reading time, topics, and related post logic
- Contact: Production-ready form with FAQ accordion and contact details.
- Legal & Utility: Privacy, Terms, Licensing, custom 404, RSS feed, and robots.txt.
Additional Highlights
- Centralized Content System: Manage all copy, services, and metadata through typed config files.
- Contact Form with Service Selector: Let clients tell you what they need before the first call.
- AI-ready Hooks: Structured data and component architecture ready for AI personalization integrations.
- Comprehensive Documentation: Detailed README covering structure, theming, animations, and configuration.
License & Usage
By purchasing Design HQ, you are granted the right to:
- Use the template for personal and commercial projects.
- Customize and adapt the source code for your own brand or your clients.
- Note: Redistribution, resale, or sublicensing of the template in its original or modified form is strictly prohibited.
License: flux-theme.online/license
Questions? contact@flux-theme.online
