Skip to content
noel.marketing
Deutsch
Astro ThemeAvailable now

Atelier Motion

Atelier Motion Astro Theme for Cinematic One-Page Portfolios

A cinematic one-page Astro portfolio with refined motion, FAQ, testimonials, and atmospheric imagery.

€49.99

Atelier Motion preview
View live demoScroll to preview ->
View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

Atelier Motion

€49.99

Demo

Live preview

Preview the theme in-browser

Explore the real hosted demo directly on the product page, or open it in a dedicated tab.

Open full preview
https://atelier-motion.pages.dev/Demo

Why it fits

Why this Astro theme

  • Launch a complete creative portfolio on a single page without managing multiple routes.

  • Use cinematic but restrained motion powered by Anime.js v4 scroll animations.

  • Include FAQ, testimonials, process, and contact on one cohesive scroll experience.

  • Edit projects, services, FAQs, and site copy from clear TypeScript data files.

  • Ship self-hosted Inter and JetBrains Mono fonts with no Google Fonts CDN dependency.

  • Go live quickly with minimal scope and no CMS setup.

Built for

Perfect for

Typical scenarios this product is designed to support.

  • Freelance designer one-pager
  • Small studio landing page
  • Creative professional portfolio
  • Atelier and studio brand site
  • Service business with FAQ
  • Process-led freelancer site
  • Testimonial-driven portfolio
  • Fast-launch creative site

In the box

Features

Concrete pages, modules, and capabilities included in the download.

  • One-page sections: hero, about, projects, services, process, testimonials, FAQ, contact
  • Anime.js v4 scroll animations via scroll-animations.ts
  • FAQ accordion and mobile navigation scripts
  • All content in src/data/ TypeScript files
  • Explicit static output — no backend, CMS, or database
  • Self-hosted Inter and JetBrains Mono fonts
  • Sitemap generation
  • Cinematic but restrained motion aesthetic

A cinematic one-page portfolio with refined motion

Atelier Motion is a premium Astro theme for creative professionals who want atmospheric imagery and scroll-triggered animation without the complexity of a multi-route agency site. Everything lives on one page — hero, about, projects, services, process, testimonials, FAQ, and contact — connected by smooth scroll navigation.

The motion is cinematic but not overwhelming: scroll reveals via Anime.js, an FAQ accordion, and a focus-trapped mobile menu cover interaction without importing a heavy framework.

What is included

Atelier Motion includes a one-page homepage with PortfolioOfficeHero, about, projects, services, process, testimonials, FAQ, and contact sections, plus navbar, footer, and a custom 404 page.

All content is stored in src/data/ — site settings, navigation, projects, services, process steps, testimonials, and FAQs. There are no content collections.

Static-first by design

The Astro config documents explicitly that no backend, CMS, or database is required. Animation scripts live in src/scripts/scroll-animations.ts, with separate handlers for the FAQ accordion and mobile navigation.

Self-hosted Inter and JetBrains Mono fonts ship via Fontsource.

Built on a lightweight Astro stack

Atelier Motion is built with Astro 6.4, TypeScript, Tailwind CSS v4, Anime.js v4, and sitemap generation. The theme compiles to static output.

There is no blog, no journal, and no pricing page — the scope stays focused on getting a creative portfolio live fast.

Customization workflow

Update src/data/site.ts for branding. Edit projects, services, process steps, FAQs, and testimonials in their respective data files. Replace demo copy and imagery with real buyer content before publishing.

Next step

Pairs well with this

Related products that fit the same product line, stack, or launch workflow.

Arrowline preview

Arrowline

€49.99

A conversion-focused Astro agency theme with case studies, pricing, journal, and directional motion.

astro theme
Astrofitness preview

Astrofitness

€39.99

A premium Astro 7 fitness theme with programs, booking, results, pricing, and cyber-athletic design.

astro theme
Aurelio preview

Aurelio

Pay what you want from €15.00

A cinematic Astro portfolio theme for creative directors, studios, photographers, architects, and premium personal brands.

astro theme

Ready to launch

Start building today

Get instant access after checkout. Download the full source, customize locally, and deploy to your host.

View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

Frequently asked questions

Who is Atelier Motion built for?

Atelier Motion is designed for designers, developers, freelancers, studios, and creative professionals who want a polished one-page portfolio with refined motion.

Does Atelier Motion have separate project pages?

No. Projects appear as a section on the one-page homepage linked via #work. There are no individual project detail routes.

What sections are on the homepage?

The one-page layout includes hero, about, projects, services, process, testimonials, FAQ, and contact sections with navbar and footer.

Does Atelier Motion need a CMS or backend?

No. astro.config explicitly documents that no backend, CMS, or database is required. All content lives in src/data/ TypeScript files.

What animation library does it use?

Atelier Motion uses Anime.js v4 via src/scripts/scroll-animations.ts for scroll-triggered reveals, plus separate scripts for FAQ accordion and mobile navigation.

Where can Atelier Motion be hosted?

Atelier Motion builds to static output and deploys on Vercel, Netlify, Cloudflare Pages, or any modern static host.