riff.ai/

Riff

riff.ai/

Riff builds AI agents for manufacturing and supply-chain operations that handle order confirmation, supplier communication, ERP updates, invoice matching, and negotiation across a company's existing systems. Its headline "The next era of industry is intelligent" is paired with a claim of removing "up to 80% of the manual work" and deploying live agents "in weeks, not quarters." The company background section is unusually specific for a young startup: it states the founding team came from Cognite (described as "Norway's first unicorn") and had previously worked with BP, Exxon, and Total, plus a claim of having empowered 250,000+ non-technical users through Cognite's platform. Customer logos include Melbye and Glamox, alongside SOC 2, ISO 27001, and EU data-residency compliance claims.

Category

Style

Stack

Fonts

Tiempos HeadlineTiempos TextRiforma LL

Palette

Meta title

Riff — Perfect orders.

Sections

Updated

Oct 10, 2026

Riff's landing page, section by section

Each section below is cropped straight from Riff's live page — useful references for industry solutions landing page design.

Riff design review: how the homepage is built

The Riff homepage is 8,514 pixels tall at desktop width and runs from a photographic hero through logo rows, three feature panels, customer quotes, a procurement product band, a principles list, a founder essay, investor logos, an FAQ and a blue footer. The detected browns #46372b and #886748 show in the hero photograph, while the lower page moves to white and light grey, with blue, green and purple panels carrying the colour. Headlines use a serif the metadata lists as Tiempos Headline, while body copy is set in Riforma LL. It addresses manufacturers directly, with the photography and serif headlines doing most of the brand work.

Above the fold

Above the fold, a dark photograph of a warehouse aisle sits behind the serif headline "Perfect orders." and "Built on Riff.", with "deliver on time" highlighted in green in the paragraph beneath. A white "Learn more" button sits under the copy. The top bar lists "Agent Catalogue", "Customers", "Sign in" and "Learn More". A "Norway's Riff.ai raises $16m Series A led by Northzone" card sits in the bottom right corner.

Logo rows, feature panels and customer quotes

Below the hero, client wordmarks run in three rows before "Every order on time. Stronger margins." introduces three panels. The first, headed "Scale orders. Not headcount.", is a blue order-confirmation diagram. A green and a purple panel sit side by side beneath it, headed "Scale your experts. Not their hours." and "Build capability. Not dependency." Four customer quotes follow under "The results speak for themselves".

Procurement band and principles

The procurement band is a blue gradient headed "Start with procurement. Run the whole chain.", with tabs for "Agents", "Intelligence" and "Build" above a "Browse agents" button. Its demo lists "Requests" on the left beside an empty pane reading "Select a task your agents have routed to you". Lower down, "Engineered for precision" leads "Exact, every time.", "You set the guardrails." and "Built for production, not pilots.", each with a small diagram.

Founder essay, investors, FAQ and footer

The closing section, "Everything we've built led here", is a long essay in grey text, followed by a photograph of a group of people standing in a field, then "Backed by Tier-1" over "NORTHZONE" and four investor logos. An FAQ lists seven questions, from "Will it make mistakes on real orders?" to "Is our data safe?", and the blue footer closes with "ACTION. ALWAYS."

On mobile

At 390 pixels the hero photograph stays, the headline sits over its top, and the "Learn more" button stacks beneath the paragraph. The client wordmarks reflow into rows of two or three logos that repeat, and the feature panels stack. The four quotes become a single column, and "Start with procurement. Run the whole chain." wraps onto four lines. The footer stacks into one column.

Worth borrowing

A dark, full-bleed photograph behind a serif headline sets the warehouse subject before any product copy appears.
Feature headlines set a claim and its contrast, such as "Scale orders. Not headcount."
The procurement band keeps one demo area beneath three tabs, "Agents", "Intelligence" and "Build".