Ewsirdev
RU

← All projects

Case · Landing page

Kill Switch: subscription tracker

A landing page for a fictional SaaS product: dark gradient hero, a UI mock-up in CSS, pricing, FAQ, a demo form. All prices and names are made up.

  • HTML
  • CSS
  • JS
Code on request

01 · How it looks

Screenshots

Screenshot of the project "Kill Switch: subscription tracker" at 1280 pixels wide
Desktop, 1280 px
Screenshot of the project "Kill Switch: subscription tracker" on a phone screen, 390 pixels wide
Phone, 390 px

02 · About

What it is and why

A landing page for a fictional subscription tracker: a dark gradient hero, an interface mock-up drawn in CSS, features, pricing, FAQ and a form.

A bright, high-contrast style with the Onest and JetBrains Mono fonts.

Limitations

The product does not exist: the prices, plans and service names in the mock-up are made up.

What is inside

  • The app mock-up in the hero is built in CSS, with no images
  • Three steps, pricing, and an FAQ on details/summary
  • Client-side form validation with clear error messages
  • prefers-reduced-motion support and a mobile-first layout

03 · How to run

Run it locally

git clone <repository on request> landing-saas
cd landing-saas
python -m http.server 8092   # or just open index.html

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