A modern, responsive, and highly customizable presskit template for indie game developers. Built with Svelte and modular JSON-based content management.
This template is designed to showcase your game with a professional look, featuring a clean design, SEO optimization, and easy-to-use components. You can easily customize colors, content, and features to fit your game's branding.
- 📱 Fully Responsive: Optimized for all devices and screen sizes
- 🎯 SEO Optimized: JSON+LD structured data and meta tag management
- 📊 Modular Data: Separate JSON files for different content sections
- 🎨 Theme Customization: Easy color theme customization for developers
- 💬 Comment System: Integrated GDB Easy Comment system
- ⚡ Static Site: No backend required, easy to deploy anywhere
- 🎬 Media Rich: Support for screenshots, videos, concept art, and more
- 🏆 Achievement System: Display game achievements and progress
- 📰 Press Kit: Comprehensive press materials and assets
- 🔄 Update Timeline: Game update history and roadmap
- Node.js 16+
- npm or yarn
- Clone or download this repository
- Install dependencies:
npm install
- Start development server:
npm run dev
- Open your browser and navigate to
http://localhost:3000
npm run build
The built files will be in the dist
folder, ready for deployment.
game-presskit/
├── public/
│ └── data/ # JSON data files
│ ├── config.json # Theme and app configuration
│ ├── metadata.json # Game basic information
│ ├── features.json # Game features
│ ├── media.json # Screenshots, videos, artwork
│ ├── team.json # Development team info
│ ├── reviews.json # Reviews and awards
│ └── ... (more data files)
├── src/
│ ├── components/ # Svelte components
│ ├── styles/ # CSS styles and effects
│ ├── utils/ # Utility functions
│ └── i18n/ # Internationalization
└── README.md
Edit public/data/config.json
to customize your theme:
{
"theme": {
"primaryColor": "#6366f1",
"secondaryColor": "#8b5cf6",
"accentColor": "#06b6d4"
}
}
Update the JSON files in public/data/
with your game's information:
metadata.json
- Basic game info, title, description, etc.features.json
- Game features and selling pointsmedia.json
- Screenshots, videos, concept artstoreLinks.json
- Steam, Epic, GOG, etc. store linksteam.json
- Development team informationpressKit.json
- Press materials and assets
Each JSON file has an enabled
field to control visibility:
{
"enabled": true,
"data": {
// ... your content
}
}
This is a static site that can be deployed to:
- GitHub Pages
- Netlify
- Vercel
and many other static hosting providers.
- Automatic meta tag generation
- JSON+LD structured data for games
- Open Graph tags for social sharing
- Twitter Card support
- Sitemap generation ready
- Semantic HTML structure
Integrated with GDB Easy Comment system:
- Comments are enabled by default
- Configure in
config.json
features section - No additional setup required
- Rate limited and spam protected
- Framework: Svelte with Vite
- Styling: CSS with custom properties
- Effects: Glassmorphism and hover animations
- Images: Responsive images with lazy loading
- Performance: Optimized builds with code splitting
MIT License - feel free to use for commercial and personal projects with your assets.
Contributions are welcome! Please feel free to submit issues and pull requests.
If you encounter any issues:
- Check the browser console for errors
- Ensure all JSON files are valid
- Verify image and video file paths
- Check network requests in developer tools
- For help, open an issue on GitHub