A portfolio that gets out of the way of the work.
An Astro portfolio for product, motion, and brand designers. Restrained type, generous space, and a case study system that treats each project as a story rather than a thumbnail. For designers who would rather be read than skimmed.
What's included
- Home page: hero, about, principles, services, gallery, FAQ, and contact
- Case study pages with hero, showcase, and next-project navigation
- A projects collection with title, category, cover, description, role, timeline, year, overview, challenge, and showcase
- Five populated demo case studies
- Rolling marquee, awards row, and a 404 with a spinning image ring
- One stylesheet of design tokens and small, readable behaviour modules
Easy to customize
Each case study is one Markdown file with typed frontmatter, so adding work is data entry, not layout work. Add a file and it joins the hero carousel and gets its own page. Every other piece of copy, from navigation and socials to awards, principles, services and FAQ, sits in one JSON file. Colors and type are tokens in a single stylesheet, so the whole site shifts with one change.
Perfect for
- Product and UX designers
- Motion and interaction designers
- Brand and creative directors
- Design engineers presenting client work
Built with care
Accessible structure, one H1 per page, descriptive alt text, unique titles and descriptions, and three tuned breakpoints. Sora is self-hosted through Fontsource, so no third party font requests. Static output, no framework, deploys anywhere.
Please note
Elias Vent is a template and demonstration brand. Connect your own form handler, analytics, and services before launch.
Support
Questions or help getting set up? Reach us any time at alex@apollostudio.design. Designed and built by Apollo Studio.
Astro 7 ready. Elias Vent is also available as a Framer template, with a matching Figma file. More templates in code and Framer at startfrom.co.
