I built 3 web templates from scratch here's what i made

#web #design #html #css

I ' ve been building portfolio projcets this month , and I decided to turn three of them into templates anyone can use.
No frameworks no page builders just clean HTML , CSS , JavaScript. Here's what i build and what i learned from each one

Kumo — Premium Restaurant Website

The idea: Most restaurant websites look generic. I wanted to build something that actually felt premium — the kind of site a high-end Tokyo restaurant would have.

What's in it:

Animated hero section with parallax scrolling
Reservation and menu showcase sections
Gallery with hover effects
Dark theme with gold accents
Fully responsive

What I learned: Typography makes or breaks a luxury design. I spent more time on font pairing and letter-spacing than on any other element. Serif + minimal sans-serif with a lot of whitespace = instant premium feel.

Live preview: mertlucid12.github.io/portfolio/kumo-restaurant.html

Nexus — SaaS Analytics Landing Page

The idea: SaaS landing pages all look the same. I wanted to build one that felt alive — animated background, real dashboard mockup, the works.

What's in it:

Animated particle network background (canvas API)
Live dashboard mockup with data cards and bar charts
Feature grid, 3-tier pricing table
Testimonials, FAQ with accordion
Parallax scroll effects
Fully responsive

What I learned: Canvas animations are expensive on performance if you're not careful. I had to limit particle count and optimize the render loop to keep it smooth. Also — a hero section with a real product mockup converts way better than abstract illustrations.

Live preview: mertlucid12.github.io/portfolio/nexus-saas.html

APEX Admin — E-commerce Dashboard

The idea: Admin dashboards are usually ugly and functional. I wanted to prove they can be both beautiful and functional.

What's in it:

Sidebar navigation with active states
4 metric cards with sparkline charts
Orders table with status pills (Delivered, Processing, Pending, Cancelled)
Revenue bar chart + Top Products list
Activity feed + Donut chart for category breakdown
Dark/neon aesthetic (cyan + green accents)

What I learned: Data visualization is its own design discipline. The hardest part wasn't the layout — it was making numbers feel meaningful at a glance. Color coding, micro-typography, and spacing do most of the heavy lifting.

Live preview: mertlucid12.github.io/portfolio/apex-admin.html

What's Next

I'm continuing to build — currently exploring a project management dashboard and a mobile app UI kit.

If any of these are useful to you, I've listed them as templates on Gumroad. And if you need something custom built, I'm available for freelance work.

Get the templates: mertsy71.gumroad.com
Hire me for custom work: fiverr.com/mertintech
Full portfolio: mertlucid12.github.io/portfolio

Thanks for reading. If you have feedback on any of these projects, drop it in the comments — always looking to improve.