← All projects

Case · Landing page

Kvarts: dental clinic landing concept

A single-page landing concept for a fictional dental clinic in the Liquid Chrome Dark style: glass cards, chrome headings and a canvas-drawn 3D tooth blob. One HTML file with no build step or dependencies.

  • HTML
  • CSS
  • JavaScript
  • Canvas 2D
  • htmlhint
  • GitHub Actions

01 · How it looks

Screenshots

Screenshot of the project "Kvarts: dental clinic landing concept" at 1280 pixels wide
Desktop, 1280 px
Screenshot of the project "Kvarts: dental clinic landing concept" on a phone screen, 390 pixels wide
Phone, 390 px

02 · About

What it is and why

A single-page landing concept for a fictional dental clinic in the Liquid Chrome Dark style: glass cards, chrome headings and a canvas-drawn 3D tooth blob. One HTML file with no build step or dependencies.

Limitations

Concept: the clinic is fictional, the phone is a placeholder, the page carries a "concept" banner.

The form sends nothing and says so itself.

Prices and services are made up; there are no automated tests.

What is inside

  • Animated canvas blob that respects prefers-reduced-motion and viewport visibility
  • Booking form with a phone mask and accessible error messages
  • CI: htmlhint and a local links and anchors check

03 · How to run

Run it locally

python -m http.server 8080
# or open index.html in a browser

04 · Code

The repository is private

The source lives in a private repository. I will grant access on request: write to me and I will send an invitation.

Request the code