Okami: A Studio Site That Shows the Work
Okami is built for creative agencies, product studios and SaaS businesses. The homepage opens on a split hero, with a centred headline on one side and full-height botanical artwork on the other, then moves through an about statement, four solution cards, three small working interfaces, case studies on a dark background, testimonials, the journal, an FAQ and a deep red closing band.
The three interfaces sit in the Why Choose Us section. Visitors can organise a launch board, change a brand card's accent with its colour swatches, and switch a product dashboard's tabs with the mouse or the arrow keys. Each card can show a photo instead, with one setting.
Agencies can present Solutions as services and Work as case studies. SaaS businesses can rename Solutions to product capabilities and use Work for customer stories. The contact form works for project enquiries or demo requests.
Who it's for
- Creative agencies and design studios
- Product and UX studios working with software teams
- SaaS businesses that want an agency-grade marketing site
- Consultancies that publish case studies and a point of view
What's distinctive
- Working product cards: a launch board, a brand card with colour swatches, and a tabbed dashboard, each swappable for your own image
- One layout for two business models: services and case studies for an agency, or capabilities and customer stories for a SaaS business
- Every visible edit in one file: copy, palette, business details, testimonials, FAQs, legal text and form settings live in src/config/site.ts, and any solution, case study or article can be overridden there too
- Contact form that follows the visitor: each solution page opens the form with that solution already selected
- A calm, precise look: Manrope throughout, fine vertical separator bands, and a deep red accent with dark teal and coral
- Honest by default: the contact form runs in demo mode and says so until a real provider is connected
What's included
- Full source: Astro 7, Tailwind CSS 4 and TypeScript
- 19 static pages: Home, About, Solutions with 4 solution pages, Work with 2 case studies, a paginated Journal with 3 articles, Contact, Privacy, Terms and 404
- Solutions, case studies and articles as Markdown in Astro Content Collections
- Contact form with Formspree, FormSubmit, Netlify Forms or a custom endpoint
- An optional journal that can be switched off with one setting
- Structured data for a professional service on the home page and a service on each solution page
- Locale-aware configuration and mirrored routes for multilingual sites
- Scroll reveals with reduced-motion and no-JavaScript fallbacks, and no animation library
- Self-hosted Manrope variable font and three original local images, with no remote dependencies
- AGENTS.md and CLAUDE.md guides so AI coding assistants can customize the theme safely
- Lifetime updates for this theme
- Documentation at aerolaunch.app/docs/themes/okami
Also available as an HTML edition
The same design as plain HTML, CSS and JavaScript files that open straight from disk, with no build step. The three interactive cards still work, and the solution pages still preselect the contact form.
