---
title: Docs for Atelier Noire by Studio Nope
description: Docs for Atelier Noire by Studio Nope
---

menu Menu

[![a-noire-logo](https://www.nopethemes.com/hubfs/a-noire-logo.png)](https://www.nopethemes.com/atelier-noire/homepage?hsLang=en)

search /

rocket\_launch Getting Started expand\_more

[Introduction](https://www.nopethemes.com/atelier-noire/docs#introduction) [Quick Start Guide](https://www.nopethemes.com/atelier-noire/docs#quick-start) [File Structure](https://www.nopethemes.com/atelier-noire/docs#file-structure)

palette Theme Presets expand\_more

[Noir Preset (Dark)](https://www.nopethemes.com/atelier-noire/docs#preset-noir) [Blanc Preset (Light)](https://www.nopethemes.com/atelier-noire/docs#preset-blanc)

tune Theme Settings expand\_more

[Colors & Design Tokens](https://www.nopethemes.com/atelier-noire/docs#settings-colors) [Typography](https://www.nopethemes.com/atelier-noire/docs#settings-typography) [Spacing & Layout](https://www.nopethemes.com/atelier-noire/docs#settings-spacing) [Border Radius](https://www.nopethemes.com/atelier-noire/docs#settings-border-radius) [Section Spacing](https://www.nopethemes.com/atelier-noire/docs#settings-section-spacing)

animation Animation System expand\_more

[Overview](https://www.nopethemes.com/atelier-noire/docs#animations-overview) [Data Attributes](https://www.nopethemes.com/atelier-noire/docs#animations-attributes) [Parallax & Effects](https://www.nopethemes.com/atelier-noire/docs#animations-parallax)

web Page Templates expand\_more

[Homepage](https://www.nopethemes.com/atelier-noire/docs#template-homepage) [About Page](https://www.nopethemes.com/atelier-noire/docs#template-about) [Services Page](https://www.nopethemes.com/atelier-noire/docs#template-services) [Portfolio & Contact](https://www.nopethemes.com/atelier-noire/docs#template-portfolio-contact) [Blog Templates](https://www.nopethemes.com/atelier-noire/docs#template-blog) [Landing & System Pages](https://www.nopethemes.com/atelier-noire/docs#template-landing-system) [Pricing Page New](https://www.nopethemes.com/atelier-noire/docs#template-pricing) [Careers Page New](https://www.nopethemes.com/atelier-noire/docs#template-careers)

menu Layout Modules expand\_more

[Navigation](https://www.nopethemes.com/atelier-noire/docs#module-navigation) [Footer](https://www.nopethemes.com/atelier-noire/docs#module-footer) [Hero Editorial](https://www.nopethemes.com/atelier-noire/docs#module-hero)

article Content Modules expand\_more

[Text Block](https://www.nopethemes.com/atelier-noire/docs#module-text-block) [Image Showcase](https://www.nopethemes.com/atelier-noire/docs#module-image-showcase) [Editorial Grid](https://www.nopethemes.com/atelier-noire/docs#module-editorial-grid) [Stats](https://www.nopethemes.com/atelier-noire/docs#module-stats) [Testimonials](https://www.nopethemes.com/atelier-noire/docs#module-testimonials) [Pricing Cards New](https://www.nopethemes.com/atelier-noire/docs#module-pricing-cards) [Cards New](https://www.nopethemes.com/atelier-noire/docs#module-cards)

widgets Interactive Modules expand\_more

[Marquee Ticker](https://www.nopethemes.com/atelier-noire/docs#module-marquee) [Portfolio Grid](https://www.nopethemes.com/atelier-noire/docs#module-portfolio-grid) [Services Section](https://www.nopethemes.com/atelier-noire/docs#module-services) [Process Steps](https://www.nopethemes.com/atelier-noire/docs#module-process-steps) [Before After](https://www.nopethemes.com/atelier-noire/docs#module-before-after) [Video Embed](https://www.nopethemes.com/atelier-noire/docs#module-video-embed) [Image Gallery](https://www.nopethemes.com/atelier-noire/docs#module-image-gallery)

groups Team & Contact expand\_more

[Team Grid](https://www.nopethemes.com/atelier-noire/docs#module-team-grid) [Contact Form](https://www.nopethemes.com/atelier-noire/docs#module-contact-form) [CTA Banner](https://www.nopethemes.com/atelier-noire/docs#module-cta-banner)

rss\_feed Blog Modules expand\_more

[Blog Card](https://www.nopethemes.com/atelier-noire/docs#module-blog-card) [Blog Post Module](https://www.nopethemes.com/atelier-noire/docs#module-blog-post) [Related Articles](https://www.nopethemes.com/atelier-noire/docs#module-related-articles)

star Best Practices expand\_more

[Design Tips](https://www.nopethemes.com/atelier-noire/docs#best-design) [Content Guidelines](https://www.nopethemes.com/atelier-noire/docs#best-content) [Image Guidelines](https://www.nopethemes.com/atelier-noire/docs#best-images) [Performance](https://www.nopethemes.com/atelier-noire/docs#best-performance)

build Troubleshooting expand\_more

[Common Issues](https://www.nopethemes.com/atelier-noire/docs#troubleshoot-common) [FAQ](https://www.nopethemes.com/atelier-noire/docs#troubleshoot-faq) [Getting Help](https://www.nopethemes.com/atelier-noire/docs#troubleshoot-help)

Atelier Noire Documentation chevron\_right chevron\_right chevron\_right

schedule Last updated:

Was this page helpful?

thumb\_up Yes

thumb\_down No

 Thanks for your feedback!

arrow\_back

Previous

Next 

arrow\_forward

#### On this page