MRSHKNMurashkin Studio
Discuss your website
← All work
Studio example

Flagshtok: product landing page with docs

Startup or software product · Website style: Terminal

Flagshtok demo home page on a laptop and a phone

The task

At launch, a startup needs a site that quickly explains the product to a developer: what it does, what it costs, what's new and how to get started. Plus a way to collect emails from people who want to try it first.

The demo shows such a landing page for Flagshtok, a fictional feature-flag service. The product, plans and release history are made up. The demo site is in Russian.

The solution

The home page has a hero with a CLI command, six features, three plans and a changelog. The docs are three sections on separate URLs with previous and next links between them.

Plan buttons lead to the waitlist form: a work email and consent, nothing else. A repeated address does not create a duplicate. The list is stored in the admin panel, where only the owner can see it. There are no notifications about new addresses: the owner checks the list in the admin panel.

The site follows the system theme, light or dark. The design takes after a terminal, with the JetBrains Mono monospace font.

What the website is built with

  • Next.js 16
  • React 19
  • TypeScript
  • Payload CMS 3
  • PostgreSQL
  • SCSS

Results in numbers

  • 97Performance out of 100 — Google PageSpeed, mobile
  • 100Accessibility out of 100 — Google PageSpeed, mobile
  • 100Best practices out of 100 — Google PageSpeed, mobile
  • 100SEO out of 100 — Google PageSpeed, mobile

Screenshot: Google speed test (Lighthouse)

PageSpeed Insights report, mobile: 97, 100, 100, 100

Yandex Metrica and Google Analytics 4 count visits to the website and to do this store cookies, small files, in your browser. We turn them on only if you agree. Read more in our personal data processing policy.