revfold.co
Brand & design system · Ember · v0.3

Warm at the core.
Sharp at the edges.

The system behind revfold.co. Still calm, warm and engineered, but no longer flat. The canvas breathes, surfaces have depth, and one coral ember lights each view.

Display Bricolage GrotesqueBody Instrument SansData JetBrains MonoAccent Coral #E4613C
Partner revenue
$2.1M
webinar live · 214 in room
Pipeline
Yale Jeannette
Pitch sent · replied in 2 days
Tier AFunnel verified
01

Principles

What changed from Forge, and what stays true. The operating idea is the same: a system someone runs and trusts. It just stopped being afraid of light.

01

The canvas breathes

Pages sit on one continuous atmospheric ground: a coral bloom, soft folds, fine grain. Never a flat fill, never a busy pattern. The background serves the content.

02

Depth earns its place

Three levels: inset, raised, floating. Soft ambient shadows are back, used to structure, not decorate. Glass panels only for things that sit above the page.

03

One ember per view

Coral stays the single accent at roughly 10%. Fills are now quiet gradients instead of flat swatches, so the accent feels lit, not printed.

04

Warm, never beige

Neutrals stay warm but pull further apart. Ground, card and well must be distinguishable at a glance. If two surfaces blur together, push the contrast.

05

Type does the talking

Bricolage is display only, where its character lands. Instrument Sans carries body and UI. JetBrains Mono measures everything with a number in it.

06

Motion is confident

Sections reveal on scroll with a slow, expensive ease. Hovers lift and light up. Nothing bounces, nothing loops, and reduced motion is always respected.

02

Color

The Forge palette survives, with deeper ink, crisper hairlines and two working gradients. Coral is the only accent. Gold whispers in the canvas and nowhere else without a reason.

Accent & gradients
Coral
#E4613C
The ember · marks, large display, blooms
Ember fill
#CC4E28 → #AC3D1B
Primary buttons, featured tiles · white text passes AA
Coral text
#BC461F
Small coral text, links, eyebrows
Gold
#DFA23B
Canvas warmth only · never a second CTA
Neutrals · light
Ground
#F9F4EA → #F0E7D6
Page canvas, always gradient + grain
Card
#FFFFFF
Raised surface, soft ambient shadow
Well
#F1E9DA
Inset surface · tags, table heads
Ink
#1C150F
Primary text, statement fills
Neutrals · dark
Ground
#171208 → #0F0B06
Page canvas with coral bloom
Card
#221A12 → #1A140D
Raised surface, top-lit gradient
Well
#241C12
Inset surface
Bone
#F5ECE0
Primary text on dark
03

The canvas

The biggest change. Every page gets one continuous background built from these layers, fixed behind the content so no section seam ever shows. Pick one recipe per page and let the rest stay quiet.

Ember bloom
Recipe 01Coral bloom top corner, gold counter-bloom. Heroes and landing pages.
Paper folds
Recipe 02Soft diagonal light bands. Editorial pages, long reads, decks.
Brushed streaks
Recipe 03Fine diagonal texture plus a whisper of bloom. Tools and dashboards.
Night ember
Recipe 04Dark ground, strong coral bloom. Dark mode and statement sections.
!
The gate is legibility. Where text sits, the canvas is calm and near-neutral. Blooms live at edges and corners, body copy still clears 4.5:1, and every big gradient carries fine grain so it never bands. One background idea per page, never two.
04

Typography

Three voices with clear jobs. Bricolage keeps the brand's character where size lets it perform. Instrument Sans makes paragraphs and UI read clean and current. JetBrains Mono replaces Space Mono for anything measured.

Display & headings
Bricolage Grotesque
Aa Rr Gg
700 Bold800 Extrabold
Body & UI
Instrument Sans
Aa Rr Gg
400500600700
Data & labels
JetBrains Mono
Aa 0123
400500700
Revenue that folds forwardDisplay · Bricolage 800
clamp→72px · -0.04em · 0.99
You stay the expertH1 · Bricolage 700
36px · -0.03em · 1.05
We run the engineH2 · Bricolage 700
26px · -0.03em · 1.1
Large body. The audience is yours; we build the engine underneath it so revenue compounds.Body large · Instrument 400
18px · -0.01em · 1.6
Body. We plan the content, run the ads, build the webinars and funnels, and fold into the operation like a partner, not a vendor.Body · Instrument 400
15.5px · 0 · 1.6
Operating partner for creatorsEyebrow · JetBrains 500
11px · 0.16em · UPPER
+312%Metric · JetBrains 500
46px · -0.03em · tabular
05

Depth & shape

Forge separated surfaces by tone and a hairline only. Ember adds a real elevation ramp. Radii tighten a touch so cards read precise instead of puffy.

Level 0

Inset

well fill · hairline
tags, table heads, wells

Level 1

Raised

card gradient · ambient shadow
default card, panels

Level 2

Floating

deep soft shadow · hover lift
featured, modals, popovers

Radius
Radius sm
12px · buttons, inputs, chips
Radius md
20px · cards, tiles (default)
Radius lg
28px · large cards, modals
Radius pill
999px · buttons, tags, pills
Motion
Ease & timing
cubic-bezier(.16, 1, .3, 1)
hovers 350ms · reveals 700 to 800ms
Slow out, expensive feel. No bounce, no springs, no loops.
Scroll reveal
translateY(22px) → 0 · opacity 0 → 1
stagger siblings by 70ms
IntersectionObserver at 12% · reduced motion shows all instantly.
06

Components

Built from the tokens above. One gradient primary per view, glass only above the page, mono wherever a number lives.

Buttons
Pill · 600 weight · primary = ember gradient + shine sweep on hover · one per view.
Chips & status
Tier AEvergreenLive
JetBrains Mono · pill · hot chip = 14% coral wash, never a solid coral fill.
Input · default & focus
Work email
46px height · sm radius · 3px coral focus ring.
Metric block
Partner revenue
+312%
Average over 12 months, compounding
Numbers live in JetBrains Mono · coral for the one headline metric.
Statement surface

Most agencies bolt on from the outside. We get folded in.

Deep espresso ground with an interior ember bloom and grain. For the one bold message per page. In dark mode it goes near-black and the bloom carries it.

Data table · how the CRM should feel
LeadStatusScoreLast touch
YJYale JeannetteReplied9.22d ago
IAIsaac AffiliatePitch live8.76d ago
MBMaya BrandSourced7.41w ago
Rows hover with a 5% coral wash · heads are inset wells in mono · numbers tabular.