Orianna is a modern landing page theme for AI and SaaS products. It has a light, airy look with soft gradients, generous whitespace and small, careful animations throughout. It's built with Astro and Tailwind CSS v4, and it needs no UI framework and ships very little JavaScript.
Sections included
- Hero with animated gradient blobs, a grid background and a looping product demo (typed prompt, agent steps, animated result card)
- Scrolling logo strip that pauses on hover
- Bento-style feature grid with small animations and a glow that follows the cursor
- "How it works" steps with a progress line that fills as you scroll
- Stats that count up when they come into view
- Testimonials in columns of different heights
- Pricing with a monthly/yearly switch and animated prices
- FAQ questions that open and close smoothly
- Final call to action with an email signup
- Footer with link columns and a large wordmark
Features
- Fully responsive, from phone to large desktop, with a mobile menu
- Content fades in as you scroll, and all animation turns off when the visitor's device is set to reduce motion
- Accessible markup: semantic HTML, visible keyboard focus and ARIA labels
- Fonts are installed as packages (Inter Tight and Instrument Serif), so nothing loads from outside the site
- Colours, fonts and animations are set in one Tailwind file, so rebranding means changing a few variables
- Each section is its own component, so you can reorder or remove sections easily
- Static output that's fast and ready to deploy to any host
Tech stack
- Astro
- Tailwind CSS v4
- TypeScript
Orianna is a fictional company. Replace the copy, logo and colours to make it your own.
