Skip to content

Concept projectSaaS / B2B · Product / Landing · 2026

Lumen — B2B operations analytics

A dashboard-style hero, a bento feature grid and a monthly/yearly pricing toggle.

lumen-saas-concept.vercel.app
Lumen — Desktop

Design idea

Light theme with blue-violet gradient accents. The hero panel un-tilts from 3D, the line chart draws itself and KPIs count up.

Mobile approach

Sidebar hides, KPIs become 2×2, bento flows into one column, pricing cards stack.

Colour palette

  • Cloud

    #F7F8FC

  • Ink

    #0F172A

  • Indigo

    #4F46E5

  • Violet

    #7C3AED

  • Sky

    #0EA5E9

Typography

Plus Jakarta Sans

Display

Plus Jakarta Sans + JetBrains Mono

Body

Stack

  • HTML
  • CSS
  • JavaScript
  • SVG
  • Vercel

Scales to Next.js + a CMS for a real build.

Screens

Lumen — Full page
Desktop · Full page (1920px)
Lumen — Tablet
Tablet · 834px
Lumen — Mobile
Mobile · 390px

Key sections

  • Live dashboard hero
  • Bento feature grid + code sample
  • Monthly/yearly pricing
  • FAQ accordion

Process

  1. 01

    Value proposition and personas

  2. 02

    IA and conversion funnel

  3. 03

    Dashboard visualisation and components

  4. 04

    A/B test plan and launch

Target metrics

⚠ Example / projected targets — not real client results.

trial sign-up target (example)
+%30
time-to-first-dashboard message (example)
15 dk
Lighthouse target (example)
95+

Next step

Have a project in mind? Let's talk it through.

Tell us what you want to build. We'll reply with questions or a call proposal — and a written proposal after discovery. No obligation.

Cookie preferences
Strictly necessaryRequired for the site to work: e.g. remembering this choice and, for authorised staff only, the admin session. Always on.

Cookie Policy