---
title: "Atelier Noir | StudioMeyer Referenzen"
description: "Premium Kunst & Fotografie Website-Design: Atelier Noir. Moderne Webtechnologie mit Next.js, Framer Motion, GSAP, Tailwind CSS."
canonical: "https://studiomeyer.io/de/referenzen/design"
language: de
image: "https://studiomeyer.io/de/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)

Seite besuchen

https://design.studiomeyer.io

## Über das Projekt

Atelier Noir ist unser Demobuild für ein Künstler- und Fotografen-Portfolio. Experimentelles Layout mit GSAP-Animationen, Custom Cursor, magnetischen Buttons und scroll-getriggerten Textanimationen. Loading-Screen, Smooth Scrolling, Karussell mit weichen Übergängen, jedes Detail kuratiert. AI-Ready Stack mit Schema.org, llms.txt und agents.json sorgt dafür, dass Maler, Fotografen und Designer auch in ChatGPT, Claude und Perplexity gefunden werden, wenn jemand nach Kunst-Portfolios auf Mallorca sucht.

### Was es bringt

Atmosphäre bevor das erste Bild geladen ist. Pattern für echte Kreative, Galerien und Fotografen, mit eigenen Werken, eigener Geschichte und unserem Webdesign-Stack der in Suche und KI gleichermassen funktioniert.

[Seite besuchen](https://design.studiomeyer.io)

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

Vorheriges

Dr. Wellness

https://studiomeyer.io/de/referenzen/dr-wellness

Nächstes

Luxe Estates

https://studiomeyer.io/de/referenzen/luxe-estates

## Sitemap

Alle Seiten dieser Website als Markdown: [Sitemap](https://studiomeyer.io/sitemap.md). Kuratierter Einstieg: [llms.txt](https://studiomeyer.io/llms.txt).