Resources
Style guide
The colors, type, components and patterns that make up Solvane. Update them here and they change across every page.
01
Colors
Every color is a variable. Change a value and it updates everywhere it is used.
Backgrounds
bg/cream
#FBF7F2
bg/sand
#F3ECE3
bg/white
#FFFFFF
Brand
brand/orange
#F0652F
brand/orange-dark
#C9481A
brand/orange-soft
#FDE7DC
Text
text/ink
#1C1915
text/muted
#6E655C
text/subtle
#9C9389
Accents and borders
accent/green
#3F7A55
accent/green-soft
#E3F0E6
border/default
#E8DFD4
02
Typography
Geist for headings, Inter for body text. Headings follow 24, 32, 40, 48, 56 and 64px. Body text follows 12, 14, 16 and 18px.
H1
Geist Medium · 64px
Agents that do the work
H2
Geist Medium · 48px
Every agent, one platform
H3
Geist Medium · 24px
Built for real work
Stat
Geist SemiBold · 40px
18,240
Title
Inter Semi Bold · 18px
Answers grounded in your knowledge
Body L
Inter Regular · 18px
Solvane connects to the tools your team already uses and takes on repetitive work end to end.
Body
Inter Regular · 16px
Agents learn from your docs, tickets and playbooks, then follow your rules.
Body S
Inter Regular · 14px
Every action is logged with the reasoning behind it.
Label
Inter Medium · 14px
Get started
Caption
Inter Medium · 12px
Updated 2 minutes ago
Overline
Inter Medium · 12px
Section label
03
Buttons and badges
Three button styles with an optional arrow, plus the section badge used above every heading.
Get started
Explore the platform
Book a demo
Subscribe
Platform
Pricing
Blog
Running
Needs review
Completed
04
Form elements
Inputs, selects and focus states used on the contact page and newsletter forms.
Default
jane@company.com
Focused
jane@comp
Select
Select a range
05
Radius and spacing
Rounded corners and an 8px spacing scale keep every section consistent.
8px
12px
16px
20px
28px
Full
4
8
12
16
24
32
48
64
120
06
Components
Reusable building blocks. Edit the main component to update every instance.
Product
Oct 8, 2026 · 6 min read
How we taught agents to ask for help
The design decisions behind human approvals, and why the best agents know when to stop and check in.
Which tools does Solvane integrate with?
