The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
SUSHIMAN - Landing Page (HTML & CSS)
A clean, responsive landing page for a sushi restaurant built with plain HTML, modular CSS, and a small TypeScript entry using Vite. Includes animated effects (AOS) and a lightweight development setup.
Features
Responsive layout and mobile-friendly design
Modular CSS under css/sections/ for organized styles
Built with Vite + TypeScript for fast development
Uses AOS for scroll animations
Prerequisites
Node.js (16+) and npm
Quick Start
Install dependencies and run the dev server:
Available npm scripts (from package.json):
dev — start Vite dev server
build — compile TypeScript and build production assets (tsc && vite build)
preview — preview the production build locally
To build and preview a production bundle:
Project Structure
index.html — main HTML entry
assets/ — images and static assets
css/ — styles, including style.css and sections/
public/ — static files served as-is (if used)
src/ — TypeScript entry (index.ts) and Vite setup
package.json — scripts and dependencies
LICENSE — project license
Customization
Edit the HTML, update styles under css/sections/, and change images in assets/. The development server reloads automatically.
Deployment
The easiest way to deploy your app is using Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.
Security
Please review our Security Policy for information about reporting vulnerabilities.
License
This project is licensed under the MIT License.
Copyright © Aymane Mehdi
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Designing a fragrance website with 2 sections that feels as premium as the product.
Built a fragrance experience where the product takes center stage.
I wanted the website to feel as refined as the fragrances themselves minimal layout, strong typography, immersive product visuals, and subtle interactions that make exploring each scent feel premium.
The goal wasn’t to fill the page with elements, but to give every product enough space to create its own presence.
Built with Next.js, with a focus on responsive design, smooth interactions, and a polished browsing experience.
The product imagery is doing most of the work here. Did you use art-directed mobile crops, or keep one image with a different object position? That can preserve label detail without loading the full desktop asset.
Introducing Bres, a bold fashion Website Landing page designed to capture attention through striking red visuals, confident typography, and a clean, conversion-focused layout.
The goal? Turn a simple browsing experience into a memorable brand experience that encourages shoppers to explore, connect, and shop.
✨ Bold visual identity
🎯 Clear call to action
🛍️ Fashion-focused user experience
💻 Modern, conversion-driven layout
Looking to give your fashion brand a website that stands out and turns visitors into customers? Let’s create something remarkable.
#WebDesign #LandingPage #FashionWebsite #UIUXDesign #EcommerceDesign #WebDesigner
Professional Design approach like your thinking
A few months back, a real estate agency was referred to Lowkey.Club.
We started with an audit of their brand foundation and website.
Rather than pitching another static PDF, I used Lovable to build a visual proposal. Messaging, tone of voice, typography, colour and functionality, all brought together to give the client a feel for where we could take things.
DM me if u wanna see that link:🎉
The catch? Their existing website ran on SiteJet, a cPanel-based builder I hadn't worked with before.
No need to reinvent the wheel, though.
I got familiar with the platform and translated the creative direction into their existing setup, keeping future property listings manageable.
A sharper brand, a more considered landing page, and a happy client.
Sometimes the best design solution isn't a new platform. It's knowing what to do with the one you've got.
building the proposal in lovable instead of a static pdf is a really nice touch. do most of lowkey.club's clients come through referrals like this one, or do you reach out too?
