Responser · Stockholm · Brand and interface manual
Every lead,
answered.
Responser answers, scores and recovers every website lead in under 60 seconds. This page holds the system behind it: one stable mark, a kinetic spectrum, technical type and components that make every action visible.
- Promise
- Every lead, answered.
- Pillars
- Speed · Precision · Proof · Trust
- Spectrum
- Violet · Pink · Amber · Cyan
- Type
- Outfit · Inter · JetBrains Mono
Logo
The fast R stays fixed while the world around it moves. It remains one colour at every size; gradients and glow belong to the surrounding surface.
Fast R monogram
PrimaryA geometric R with a cut leg. Reads at 16 px, holds one colour, works as the app icon.
16px
32px
64px
Reply arrow meets the field
AlternativeThe reply turns back into the form it came from. Literal, but soft at small sizes.
16px
32px
64px
Cursor bubble
AlternativeA text cursor inside a speech bubble. Conversational, loses detail below 24 px.
16px
32px
64px
Keep one symbol height clear on every side. Nothing crosses that margin.
- Never stretch, rotate or outline the symbol.
- Keep the symbol one colour: luminous ink, canvas or signal violet.
- Never apply the kinetic gradient, glow or shadow to the mark itself.
- Never place it on a busy photo or crowd the clear space.
- Never rebuild the wordmark in another typeface.
Colour
A dark canvas carries a violet-to-pink-to-amber spectrum. Cyan marks live data and proof. Amber stays reserved for high-score leads and alerts.
Signal violet
Primary action, active state and focus.
--primary
#B56BFF
#B56BFF
Kinetic pink
Spectrum midpoint, hover and momentum.
--primary-strong
#F65BB7
#F65BB7
Signal cyan
Live state, confidence and technical proof.
--teal
#74DDE9
#74DDE9
Score amber
High-value leads, alerts and spectrum endpoint.
--amber
#F5C657
#F5C657
Success
--success
#12794A
#4ADE8A
Warning
--warning
#8F5D0B
#F4B942
Danger
--danger
#C62828
#F87171
Info
--info
#1268A8
#6EC3F0
50
#FAFAFB
100
#F3F4F6
200
#E5E7EB
300
#D3D7DE
400
#A2A9B6
500
#7C8492
600
#5C6472
700
#454C58
800
#31363F
900
#21252C
950
#14171C
Luminous ink · #FCFBFE
Every lead, answered.
For logo and high-priority text
Kinetic canvas · #111015
Every lead, answered.
The default marketing and product field
Typography
Outfit carries decisive headlines. Inter handles reading and controls. JetBrains Mono marks timers, scores, confidence, IDs and technical labels.
0:42
92
€4,800
Tokens
Every value is a CSS variable. Controls respond in under 200 ms; ambient fields and spectrum type move slowly to signal an active system.
8 px controls, 12 px cards, full pill for chips only.
Hairline default. Raise for cards, overlay for dialogs, luminous for active moments.
- 120ms · controls
- 180ms · overlays
- 700ms · product depth
- 10–12s · ambient spectrum
Motion shows system state and momentum. Reduced-motion turns every loop off.
Components
Product primitives use luminous panels, crisp signal colour and visible state changes with real lead, score, source and recovery content.
Filter the lead list by origin.
Enter a valid address.
No leads recovered yet
Abandoned forms appear here the moment a visitor leaves one behind.
Olivia Bennett
Mortgage · £240k · London
“best fixed mortgage rate uk 2026”
| Lead | Score | Source | Reply | Status |
|---|---|---|---|---|
Olivia Bennett Mortgage · £240k | 92 | ChatGPT | 0:42 | Replied |
James Carter Business loan | 88 | Gemini | 0:31 | Replied |
Emily Parker Car lease | 74 | Google Ads | 0:48 | Replied |
Thomas Reed Property valuation | 61 | Perplexity | 1:04 | Recovered |
Luke Morgan Unclear enquiry | 18 | Meta ad | — | Filtered |
One question, two actions. The primary action states the outcome.
Voice
Direct, short, active. Numbers instead of adjectives. Say lead, reply, recover, score, source.
Do
- Reply sent in 42 seconds.
- Score 92. Intent high, fit 88.
- Source: ChatGPT.
- Recover 14 abandoned forms.
- One script. No developer needed.
Don’t
- Revolutionize your pipeline.
- Unlock smarter engagement.
- Leverage our AI agent.
- Supercharge your CRM.
- Transform how you connect.