Jellygrid is a playful, conversion-focused Astro portfolio theme for designers, freelancers, and creative studios. It combines a modern bento grid layout with soft jelly-inspired visuals, coral and mint accents, and a clean #F5F5F5 canvas. The result is a creative portfolio with personality without the typical stiff corporate look.
The homepage is designed as one cohesive experience with a bold letter-tile hero, social proof, featured work, services, process sections, testimonials, and clear calls to action. On mobile, an opaque fullscreen menu keeps navigation simple and intentional. Light and dark modes are built in with accessible contrast.
Jellygrid is built with Astro 7, TypeScript, Tailwind CSS v4, and MDX. There is no CMS to configure. Most site-wide content can be customized in the main configuration file src/site.config.ts. You can replace the example projects and blog posts, update your domain and personal information, and deploy the site to platforms such as Netlify, Vercel, Cloudflare Pages, and other static hosts.
Pages included
- Home
- Work
- Project detail pages
- About
- Services
- Blog
- Blog post pages
- Contact
- 404 page
Jellygrid includes a modular bento grid layout, a letter-tile hero generated from your brand name, fullscreen mobile navigation, persistent light and dark mode, MDX-powered blog posts and case studies, SEO meta tags, Open Graph support, JSON-LD structured data, sitemap, robots.txt, llms.txt, RSS, smooth scrolling with Lenis, lightweight animations, self-hosted fonts, and a performance-focused setup.
Customization is kept simple. You can change colors, navigation, hero text, services, testimonials, contact details, and other brand information in src/site.config.ts. New blog posts can be added to src/content/blog/ and new projects to src/content/projects/. Example content, demo email addresses, and placeholder text are clearly marked so they can easily be replaced before launch.
Support: info@noel.marketing
