Rivva

Item: Rivva
Rating: 7

Framer template for creative design studios and agencies

A Framer Marketplace template by Yulia Tsyhanenko. Its words and photos are demo content.

Live preview Get this template Save page

7.0/10MABTU rating

DESKTOP · 1440 × 17,304/ ↗

MOBILE · 390

Section outline · Home

01heroOrange duotone portrait over giant wordmark, mono intro, book-a-call pill
02statsTwo-tone headline, four offset white stat cards
03portfolioStaggered grid of motion-blurred photos with mono captions213
04servicesDark band, numbered service rows with plus icons
05featuresDark band, four numbered values, blurred office photo CTA1,652
06processStacked numbered step cards beside headline1,062
07aboutPhoto cards, rating avatars, tool logos1,413
08testimonialsDark band, scattered quote cards1,056
09pricingRed price card plus inclusions panel, toggle917
10teamDark band, portrait carousel1,174
11faqMono question rows988
12blogFour monochrome article cards1,053
13contactRed band with underline form1,122
14footerBlack footer, contact, links, cropped wordmark

Rating · Home

Visual design7.5

UX & clarity6.8

Originality6.9

Craft & consistency7.2

Motion6.2

Performance & a11y7.0

This page scores 7.0; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Soraheading · sans · google Geistbody · sans · google

Stack & style

Framer React Google Fonts

Bold typography Monochrome Photography-led Sharp / geometric FAQ accordion Logo cloud Pricing table Process steps Stats band Testimonial slider Transparent header

Design DNA

Template: signal red-orange (#D9391E) hero with an orange-graded portrait over a giant cropped RIVVA wordmark, then alternating pale grey (#EEEEEE) and near-black (#111214) bands. Headlines are tight uppercase grotesk set in two tones (black lines, grey last lines); body and labels in a small monospace with red square bullets. Thin triple red stripes separate bands. Stats sit in white offset cards, projects in a loose staggered grid of motion-blurred photos, services as numbered dark rows, a red contact form band and a black footer with the wordmark cropped at the bottom.

Worth borrowing

Split each uppercase headline into a black statement and a grey follow-up to create hierarchy with one weight.
Use triple thin accent-colour stripes as section dividers instead of spacing alone.
Stagger project thumbnails at different sizes and offsets so the portfolio grid reads as a layout, not a table.