Kanso - Skincare HTML Landing Page

Kanso is a premium single-page HTML landing page created for skincare, wellness, beauty, spa and natural product brands.

The design combines Japanese-inspired minimalism, warm neutral tones, refined typography and product-focused visual compositions to create a calm and modern brand experience.

Kanso is built with semantic HTML5, modern CSS3 and vanilla ES6 JavaScript. It uses no framework, package manager or build process, making it easy to customize and deploy on any standard static hosting platform.

Included sections:

• Minimal responsive navigation
• Editorial product-focused hero section
• Brand philosophy section
• Featured skincare product presentation
• Ingredient / formula section
• Three-step skincare ritual
• Full-width sensory brand section
• Brand principles
• Editorial testimonial section
• Final call-to-action
• Structured footer

The layout is fully responsive and carefully adapted for desktop, tablet and mobile devices. All included visual assets are local and the template contains no remote stock-image dependencies.

Kanso is designed as a brand and campaign landing page rather than a full ecommerce system, making it ideal for product launches, skincare collections, wellness campaigns and boutique beauty brands.

Documentation is included with instructions for editing content, colors, typography, navigation and product visuals.

Features

• Premium Japanese-inspired minimal design
• Single-page HTML landing page
• Fully responsive layout
• Semantic HTML5 markup
• Modern CSS3
• Vanilla ES6 JavaScript
• No frameworks
• No jQuery
• No Node.js or npm required
• No build process
• Product-focused editorial layout
• Warm neutral and muted green color system
• Custom local visual assets
• Accessible mobile navigation
• Smooth same-page navigation
• Subtle reveal animations
• Reduced-motion support
• CSS custom properties for easy customization
• Clean and organized source code
• Documentation included
• Works on any static hosting provider

Requirements

• A modern web browser
• Basic HTML and CSS knowledge for customization
• No server-side environment required
• No database required
• No Node.js, npm or build tools required
• Can be hosted on any standard static hosting service

Instructions

1. Extract the package and open index.html in a modern browser.
2. Edit text and metadata in index.html. Change colors and fonts in assets/css/style.css, and replace artwork in assets/images/.
3. Upload the complete folder to a static hosting service, keeping its directory structure.

See documentation/index.html for the included customization guide. No build tools or database are required.