Skip to content

manandevs/atelier

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

🧵 Atelier

Atelier Hero Section


Where Innovative Design Meets Timeless Sophistication. A premium, design-driven web experience inspired by modern fashion houses and contemporary craftsmanship.

Live Demo Repo Size License


💎 Project Overview

Atelier is a client-side showcase interface built with HTML5, Tailwind CSS, and Vanilla JavaScript. It is designed to represent a digital "Haute Couture" experience, focusing on typography hierarchy, negative space, and micro-interactions. The UI moves away from heavy contrasts, favoring soft gradients (Rose/Pink/Slate) and glass-like overlays to present a clean, breathable aesthetic.

✨ Key Features


📐 Golden Ratio Layout

Spacing and proportions are meticulously calculated to ensure a breathable, editorial feel.



🎨 Soft Gradient UI

A refined palette using Rose, Pink, and Slate gradients for a modern, feminine-yet-bold look.



⚡ Zero Dependencies

Built with pure HTML/JS and Tailwind via CDN (or CLI), requiring no heavy framework overhead.



✒️ Typography First

Carefully balanced font weights (Medium/Semibold) and tracking for maximum readability and elegance.



🪄 Subtle Motion

Floating background elements and smooth hover transitions powered by CSS and Tailwind utilities.



📱 Fully Responsive

Fluid typography and layouts that adapt gracefully from mobile screens to 4k desktops.


🛠️ Tech Stack

About

A premium, design-driven web experience inspired by modern fashion houses. Features elegant typography, soft gradients, and fluid interactions built with HTML & Tailwind CSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Contributors

Languages