☕ Artisan Coffee Shop: Landing Page Bundle

Elevate your brand with a handcrafted digital experience.

The Artisan Coffee Shop LP Bundle is a comprehensive Figma design and development toolkit created specifically for boutique cafes, roasteries, and organic coffee brands. A cohesive bridge between design and clean, production-ready code!

To enhance the artisanal look and feel, I created chalkboard-style illustrations for this bundle. And there's more! Two sets of social post template (1080px x 1080px) are included to kick start your social campaign.

Whether you are a developer looking for a head start or a coffee shop owner wanting a stunning web presence, this bundle provides everything you need to launch your project.

🌟 What’s Inside the Bundle?

• Figma Design File: The full, layered source design.
• Source Code (HTML5/CSS3/JS): Clean, semantic, and well-commented code
• Bespoke Illustrations: A collection of original, hand-drawn illustrations that give your site a unique, artisanal feel you won't find in AI-generated illustrations.

✨ Bonus: Instagram Post Template (Figma / png) :

Two set of custom-designed Instagram post templates that match your website’s aesthetic. Edit them in Figma, or simply add text over the “empty” template.

🛠️ Technical Features

• Fully Responsive: Optimized for every screen size—from mobile devices to large desktops.
• Performance Focused: Uses modern .webp image formats and lightweight code. No dependency on external libraries/frameworks.
• Client-side Email Validation: Empty check and regex validation for the Email input field.
• Easy Customization: Organized with a clear structure. Use the Notion Guide for a step-by-step walkthrough on changing text, images, and links.
• Data population with JSON file: For the menu section and the gallery section, the contents are dynamically populated in JavaScript using JSON file. 

📁 File Structure

Upon purchase, you will receive a ZIP file containing:

• index.html (Semantic HTML5)
• style.css (CSS styling with Media Queries)
• main.js (Functional interactivity)
• assets/ (Original illustrations, icons, and optimized imagery)
• json/ (Menu & Gallery data for easy management)
• readMe.md (Documentation)
• coffee-lp.fig (Figma design file)
• social post template (.png)

🔧 How to Customize the Content

For the step-by-step customization guide, please refer to the following page.

https://kaoria.notion.site/How-To-Customize-the-Code-329b8a90256b80328a41e6130b165b64

📜 License & Usage

This project is licensed for personal and commercial use. Redistribution or resale of the template itself is not permitted.

Please note that this bundle does not include:

• Server-side code
• Deployment services or hosting

🌟Thank you!