UAStart a project
Perihel logo
Case study · SaaS09 / 40

Perihel

Perihel reads a company's CRM, billing and product usage and turns them into one live revenue forecast with a confidence band. The buyers are revenue leaders who live in spreadsheets, so the page had to feel calm and precise, and show the product early.

Project
Perihel
Industry
SaaS · Revenue forecasting
Scope
Web design · Build · Motion
Built with
HTML, CSS, GSAP, ScrollTrigger
Year
2026
Perihel — A landing page for a revenue forecasting platform that shows RevOps teams where the quarter lands weeks before it closes.
Overview

A product page, not a poster

The brief

Revenue leaders compare tools by looking at the product. The page had to feel like a mature SaaS: one typeface, one neutral dark palette, real-looking interface and copy that says specific things. The only image is a night launch, used where it adds a sense of scale.

What we did

The first screen is a long-exposure photograph of a launch over the horizon. As you scroll, the camera rises to the stars and pushes in, the headline lifts and blurs away, and the full application window arrives: sidebar, forecast, what moved this week and the deals to review. Below, the page is built like a product site: a strip of four numbers, a statement that lights up word by word, a forecast bridge with its drivers, a risk list with plain reasons, a working scenario planner, a grid of six details, connectors that slide with the scroll, a setup timeline that fills in, pricing, questions and a closing call to action over a second launch.

The live site

Scroll the site right inside the frame, or open it full screen.
webraw.studio/sites/perihel/Open the site

The first screen

Homepage · Desktop 1440
Perihel: first screen of the homepage

The full page

One long scroll, split into three columns — top to bottom, left to right.

Perihel: full page, part 1 of 3
Perihel: full page, part 2 of 3
Perihel: full page, part 3 of 3

Details

Perihel: The camera rises to the product
The camera rises to the productHero
Perihel: A forecast bridge with drivers
A forecast bridge with driversForecasting
Perihel: Risk with plain reasons
Risk with plain reasonsRisk radar
Perihel: Three plans in one table
Three plans in one tablePricing

Colour & type

Palette — from the project file

  • Ink#08090A
  • Panel#111214
  • Text#F7F8F8
  • Grey#8A8F98
  • Trail#F2994A

Typefaces

AaInter TightHeadlines, numbers and the logo, weight 500 with tight tracking.
AaInterInterface and body text. JetBrains Mono only for timeline labels.
Next case

Northlight

Northlight — A dark landing page for a SaaS workspace that turns uploaded files into polished results, with a live dashboard in the first screen.
Start a project

Let’s launch.

Send a short brief or a link to your current site. You’ll get a clear plan, timeline and quote — no sales call required.

  • Reply within one business day
  • Design, build and launch by one team
  • One week of post-launch support included

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw

Project brief

Takes ~2 min
What do you need?
Budget

Faster in a messenger?Write on Telegram@web_raw