---
title: "Atelier Noir | StudioMeyer References"
description: "Premium Kunst & Fotografie website design: Atelier Noir. Modern web technology with Next.js, Framer Motion, GSAP, Tailwind CSS."
canonical: "https://studiomeyer.io/en/references/design"
language: en
image: "https://studiomeyer.io/en/referenzen/design/opengraph-image?6eed3632218e44cc"
markdown_versions: ["https://studiomeyer.io/de/referenzen/design.md", "https://studiomeyer.io/en/references/design.md", "https://studiomeyer.io/es/referencias/design.md"]
publisher: "StudioMeyer, https://studiomeyer.io (llms.txt: https://studiomeyer.io/llms.txt)"
---

Kunst & Fotografie

# Atelier Noir

Next.jsFramer MotionGSAPTailwind CSS

![Atelier Noir – Desktop](https://studiomeyer.io/portfolio/design/screenshot-desktop-2026-05-14.webp)

Visit site

https://design.studiomeyer.io

## About the project

Atelier Noir is our demo build for an artist and photographer portfolio. Experimental layout with GSAP animations, custom cursor, magnetic buttons and scroll-triggered text reveals. Loading screen, smooth scrolling, gallery carousel, every detail curated. AI-Ready stack with Schema.org, llms.txt and agents.json puts painters, photographers and designers into ChatGPT, Claude and Perplexity when someone searches for art portfolios on Mallorca.

### What it delivers

Atmosphere before the first image even loads. Pattern for real creatives, galleries and photographers, with your own works, your own story and our web design stack that works in search and AI alike.

[Visit site](https://design.studiomeyer.io)

[![Atelier Noir – Mobile](https://studiomeyer.io/portfolio/design/screenshot-mobile-2026-07-18.webp)](https://design.studiomeyer.io)

Previous

Dr. Wellness

https://studiomeyer.io/en/references/dr-wellness

Next

Luxe Estates

https://studiomeyer.io/en/references/luxe-estates

## Sitemap

Every page of this site as Markdown: [sitemap](https://studiomeyer.io/sitemap.md). Curated entry point: [llms.txt](https://studiomeyer.io/llms.txt).