Skip to content

Gitnaseem745/lumen

Repository files navigation

Photography Agency Website UI - Lumen

Live Site

demoImage

Check out the live version of the project: Lumen

Overview

This is a responsive and minimalistic website built for a photography agency. The project is designed using React and follows a clean, black-and-white theme to highlight the visual content. The website showcases the agency's portfolio, provides inspiration through articles, and includes a unique "New Day, New Inspire" section. The design ensures ample spacing between components, offering a sleek and polished user experience on both desktop and mobile devices.

Features

  • Project Showcase: A dedicated section that presents the agency’s photography projects.
  • Inspiration Articles: A curated collection of articles designed to inspire and spark creativity.
  • New Day, New Inspire: A daily inspiration section providing fresh ideas for photography enthusiasts.
  • Minimalistic Footer: A simple, clean footer that complements the overall aesthetic of the site.
  • Responsive Design: The site is optimized for larger desktops (1500px and above) and mobile devices, ensuring a seamless user experience across screen sizes.

Design Philosophy

  • Black and White Theme: The website utilizes a monochrome palette, emphasizing clarity, simplicity, and elegance. This theme helps the photography content stand out without unnecessary distractions.
  • Minimalism and Clean Layout: Focus is placed on clean lines and ample spacing between components, making the website easy to navigate and visually appealing.
  • Responsive: The layout is adaptive, ensuring it works smoothly on both large screens and mobile devices.

Technologies Used

  • React: The website is built using React, allowing for a modular and maintainable codebase.
  • Tailwind CSS: Used for designing the clean, minimal black-and-white theme.
  • Responsive Design: Ensuring compatibility across various screen sizes.

Getting Started

Follow these instructions to set up and run the project locally.

Prerequisites

  • Node.js
  • npm or yarn

Installation

  1. Clone the repository:
    git clone https://github.com/Gitnaseem745/lumen.git
    
  2. Navigate into the project directory:
    cd lumen
    
  3. Install dependencies:
    npm install
    # or
    yarn install