AstroCorporate Website

astro-theme-boutique — Astro Business Template

By Sv3nskie

A dark one-page Astro theme for independent boutiques, showrooms and small retail brands, with all motion driven by scroll position and cleanly reversible on scroll back.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-08View source

What stands out

A quick read of the recorded project description.

Dark one-page layout with all motion driven by scroll position and cleanly reversible on scroll back

Fixed hero: after the curtain lifts, the logo docks into a frosted-glass header

"New in" cards expand from a single stack with tilt and hover lift

Includes a brand grid, a horizontally scrolling lookbook and parallax interior photos

Full-bleed photo band with a quote, and store cards with directions and a WhatsApp entry point

About 4 kB of client JS and respects prefers-reduced-motion

Template Details

astro-theme-boutique is a dark one-page theme built with Astro, positioned as a showcase website for independent boutiques, showrooms and small retail brands. Content is concentrated on a single page, with animations driven by scroll position: the first screen is a fixed hero, and after the curtain lifts, the logo docks into a frosted-glass header; "New in" cards expand from a single stack with tilt and hover lift effects; there is also a brand grid, a horizontally scrolling lookbook and parallax interior photos. The page also includes a full-bleed photo band with a quote, and store cards with directions and a WhatsApp entry point.

The theme's copy, links and image paths are centralized in src/config.ts, so routine site changes require no component edits. Images are generated placeholders and must be replaced with your own photography; brand logos may be used only with authorization. Styling is controlled by tokens at the top of src/styles/global.css for colors, fonts and spacing, and section order is adjusted in src/pages/index.astro.

The theme does not depend on a client-side framework, ships about 4 kB of client JS, and respects prefers-reduced-motion. Fonts load Inter from Google Fonts, which you can replace with @fontsource/inter for self-hosting. The footer includes by default a "Theme by Sv3n" link with UTM parameters, which can be disabled in config.ts. The code is MIT-licensed, but third-party assets such as demo images, fonts and icons must be checked separately under their own licenses.

AstroCorporate website

Is it right for your project?

Use Cases

Independent boutiques or small retail brands building a one-page showcase website
Showrooms presenting the brand, new arrivals and space photos on a single page
Static sites that need scroll-driven motion without adding a client-side framework
Small shop pages where WhatsApp and in-store directions are the main conversion paths

Suitable For

Independent boutiques, concept stores and small retail brands
Showrooms and showroom-style space presentations
One-page websites that favor dark visuals and scroll storytelling
Developers using Astro who want copy and images configured in one place

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Run npm install, then use npm run dev for local preview and npm run build to generate a static site in ./dist
2
Set site to the production URL in astro.config.mjs so canonical and social card links are absolute
3
Copy, links and image paths are centralized in src/config.ts; routine changes require no component edits
4
Images are generated placeholders and must be replaced with your own photography; brand logos should be shown only with authorization
5
Fonts load Inter from Google Fonts; for self-hosting, replace the link in Layout.astro with @fontsource/inter

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean external services or third-party assets are free.

Must comply with when using

You may use, modify, commercialize and distribute the code of this version for free.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons and other third-party assets must be checked under their own licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments or AI may incur separate charges.
The footer includes by default a "Theme by Sv3n" attribution link rendered by ThemeCredit.astro, which is part of the theme's default output.
The attribution link can be removed by setting credit.enabled to false in src/config.ts; removing it does not affect free use.
Images included in the repository are generated placeholders only and must be replaced with the user's own photography.
Brand logos may be shown only with the corresponding authorization, which the user must confirm.
Fonts load Inter from Google Fonts by default, which is an external service dependency; for self-hosting, replace the link in Layout.astro.
On Windows, if the project path contains &, run Astro with node node_modules/astro/astro.js instead, because npm's .cmd wrapper cannot handle it.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

The footer carries a small "Theme by Sv3n" link, rendered by `src/components/ThemeCredit.astro`.
Original README

It's appreciated and keeps the theme free; to remove it, set `credit.enabled` to `false` in `src/config.ts`.
Original README

The images shipped here are generated placeholders. Replace them with your own photography.
Original README

Only show brand logos you have permission to use.
Original README

Fonts load from Google Fonts (Inter). To self-host, swap the `<link>` in `src/layouts/Layout.astro` for `@fontsource/inter`.
Original README

If your project path contains `&`, run Astro with `node node_modules/astro/astro.js` on Windows; npm's `.cmd` shims can't handle it.
Original README

https://github.com/Sv3nskie/astro-theme-boutique/blob/main/LICENSE https://github.com/Sv3nskie/astro-theme-boutique/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-08. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 80 / 100
Technologies: Astro
Website type: Corporate Website

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2026-10-08
Screenshot last checked: 2026-10-08

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Astro as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-08

Inspect the recorded source material

SHA-256: 67e61fbf4c28e8e884eed215baefa1b1630c797f1640638f6a25dac3495e219e

2026-10-08T15:06:59.363Z

Source file / repository

# Boutique — a free Astro theme for small shops

A dark, scroll-driven one-page theme for independent boutiques, showrooms and
small retail brands. Everything moves as a pure function of scroll position, so
it all reverses cleanly on the way back up.

- Pinned hero: a curtain lifts, the logo docks into a frosted-glass header
- "New in" cards fan out from a single stack, with tilt and hover lift
- Brand grid, a sideways-scrolling lookbook, parallax interior shots
- Full-bleed photo band with a pull quote, shop cards with directions and WhatsApp
- Zero client-side dependencies (about 4 kB of JS), respects `prefers-reduced-motion`

## Quick start

```sh
npm install
npm run dev      # http://localhost:4321
npm run build    # static site in ./dist
```

Set your production URL in `astro.config.mjs` (`site`) so
canonical and social-card URLs are absolute.

## Make it yours

All copy, links and image paths live in **`src/config.ts`**. You shouldn't need to
touch the components for a normal site.

| To change | Edit |
| --- | --- |
| Shop name, title, description, logo | `site` in `src/config.ts` |
| Photos | drop files in `public/images/` and update the paths in `src/config.ts` |
| Logo | replace `public/logo.svg` (light-coloured, roughly 85 × 90) |
| Brand logos | add `logo: 'images/brands/name.svg'` (black on transparent; inverted to white automatically) or leave it as text |
| Colours, fonts, spacing | the tokens at the top of `src/styles/global.css` |
| Section order | `src/pages/index.astro` |

The images shipped here are generated placeholders. Replace them with your own
photography. Only show brand logos you have permission to use.

Aspect ratios, crop positions and drift amounts for the lookbook and interior
shots are set per image in `config.ts`.

## Credit

The footer carries a small "Theme by Sv3n" link, rendered by
`src/components/ThemeCredit.astro`. It is a regular link with UTM parameters
(`utm_source`, `utm_medium`, `utm_campaign`, and your hostname as `utm_content`).
It's appreciated and keeps the theme free; to remove it, set `credit.enabled` to
`false` in `src/config.ts`.

## Notes

- Fonts load from Google Fonts (Inter). To self-host, swap the `<link>` in
  `src/layouts/Layout.astro` for `@fontsource/inter`.
- If your project path contains `&`, run Astro with `node node_modules/astro/astro.js`
  on Windows; npm's `.cmd` shims can't handle it.

## License

MIT © Sv3n

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

astrowind

AstroWind is a free, open-source Astro starter theme using Astro and Tailwind CSS, released under the MIT license.

Astro · Blog

astro-landing-page

An Astro + Tailwind CSS landing page example template with theme variables, dark mode, responsive layout, and Open Graph tags, under the MIT license, suitable as a starting point for single-page product, event, or corporate homepage sites.

Astro · Corporate Website

Tailcast

Tailcast is a dark-themed corporate website template built with Astro and Tailwind CSS for a fictional startup.

Astro · Corporate Website

Positivus

Positivus is an Astro and Tailwind CSS landing page theme for digital marketing agencies, maintained by manulthanura with a demo on Vercel.

Astro · Corporate Website

qwind

Qwind is a free and open-source website template built on Qwik and Tailwind CSS, featuring directory-based routing via QwikCity, a Markdown blog, dark mode, and static deployment configuration.

Astro · Tool Site

agency-landing-page-Astrojs

A single-page digital agency landing page template built with Astro and Tailwind CSS, featuring light and dark themes and a modular component directory. Suitable for static showcase pages, with MIT-licensed code and third-party assets requiring separate license verification.

Astro · Corporate Website