ELEGANCE — Street Photography Journal

ELEGANCE adalah sebuah proyek portofolio galeri foto digital bertema Street Photography yang mengusung gaya desain editorial kelas atas (menyerupai majalah cetak premium seperti Vogue atau Kinfolk). Proyek ini berfokus pada eksplorasi tata letak asimetris, pemanfaatan white space, tipografi yang kuat, serta optimasi performa menggunakan Tailwind CSS v4 melalui instalasi CLI lokal.

🚀 Fitur Utama & Keunikan

Berbeda dengan website galeri foto pada umumnya, proyek ini mengadopsi elemen interaksi fisik dari media cetak dan pameran seni:

• Asymmetric Magazine Layout: Tata letak grid foto yang dinamis dan tidak kaku menggunakan CSS Grid Tailwind v4 untuk meniru estetika kolase majalah.
• Film Contact Sheet Section: Simulasi lembaran klise negatif roll film 35mm hitam-putih di bagian bawah halaman untuk memperkuat impresi tema fotografi analog.
• EXIF Camera Metadata: Menampilkan informasi teknis pencahayaan kamera (Lensa, Shutter Speed, Aperture, ISO) dengan font monospace halus di setiap detail foto.
• Seamless Tab Switching: Navigasi antar halaman (Journal, Archive, dan About) yang berjalan instan tanpa reload menggunakan JavaScript fungsional ringan.
• Premium Visual Textures: Penggunaan efek Backdrop Blur Overlay pada menu, transisi gambar grayscale ke full-color yang lambat, serta Premium Grain Overlay untuk memberikan tekstur kertas majalah fisik.
• Animate On Scroll (AOS): Efek kemunculan elemen (fade-up dan fade-right) yang lambat dan halus ala galeri seni kontemporer saat halaman di-scroll.

🛠️ Tech Stack & Alat Pengembangan

• Frontend: HTML5 (Semantik) & JavaScript (Vanilla)
• Styling: Tailwind CSS v4 (Instalasi CLI Lokal)
• Animation Library: AOS (Animate On Scroll)
• Typography: Google Fonts (Playfair Display & Inter)

📦 Panduan Instalasi Lokal

Proyek ini tidak menggunakan Play CDN untuk menjaga performa dan ukuran file tetap optimal saat production. Proyek ini dikompilasi secara lokal melalui Tailwind CLI.

Prasyarat

Pastikan Anda sudah menginstal Node.js di komputer Anda.

Langkah-Langkah Running:

1. Clone repositori ini ke komputer Anda:

   git clone [https://github.com/rayjati/elegance-editorial-gallery.git](https://github.com/rayjati/elegance-editorial-gallery.git)