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.

GDPR-nativeEU data residencyresponser.com

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.

RESPONSER

Fast R monogram

Primary

A geometric R with a cut leg. Reads at 16 px, holds one colour, works as the app icon.

16px

32px

64px

RESPONSER

Reply arrow meets the field

Alternative

The reply turns back into the form it came from. Literal, but soft at small sizes.

16px

32px

64px

RESPONSER

Cursor bubble

Alternative

A text cursor inside a speech bubble. Conversational, loses detail below 24 px.

16px

32px

64px

Clear space1× symbol height

Keep one symbol height clear on every side. Nothing crosses that margin.

MisuseNever

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.

Static files

Logo downloads

Static SVG versions of the approved lockup, R mark and favicon. No animation, no external dependencies. The wordmark is Outfit 700 italic — convert text to outlines before sending to print.

Full lockup · dark

Primary

responser-lockup-dark.svg

Dark backgrounds — the site default. Gradient underline.

Full lockup · light

responser-lockup-light.svg

Light backgrounds and documents. Gradient underline.

Full lockup · mono black

responser-lockup-mono-black.svg

One-colour black for print, emboss and single-ink use.

Full lockup · mono white

responser-lockup-mono-white.svg

One-colour white for dark print and single-ink use.

R mark · dark

Primary

responser-mark-dark.svg

Compact symbol for dark backgrounds, avatars and app UI.

R mark · light

responser-mark-light.svg

Compact symbol for light backgrounds and documents.

R mark · mono black

responser-mark-mono-black.svg

One-colour black compact symbol.

R mark · mono white

responser-mark-mono-white.svg

One-colour white compact symbol.

Favicon / app icon

responser-favicon.svg

64×64 app icon on the kinetic canvas #111015. Base for 16–512 px PNG sets.

Animated variants (SMIL fetch pulse on the lockup and mark) stay archived under src/assets/logo-explorations/v03-fetch-gradient/. Favicon PNG sets (16 / 32 / 180 / 192 / 512) derive from the favicon SVG.

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.

BrandLight / Dark

Signal violet

Primary action, active state and focus.

--primary

#B56BFF

Kinetic pink

Spectrum midpoint, hover and momentum.

--primary-strong

#F65BB7

Signal cyan

Live state, confidence and technical proof.

--teal

#74DDE9

Score amber

High-value leads, alerts and spectrum endpoint.

--amber

#F5C657

SemanticLight / Dark

Success

--success

#12794A

#4ADE8A

Warning

--warning

#8F5D0B

#F4B942

Danger

--danger

#C62828

#F87171

Info

--info

#1268A8

#6EC3F0

Neutral ramp · surfaces, rules and text

#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

Contrast check

Canvas ink on canvas17.2:1AAA

Muted ink on canvas8.1:1AAA

Canvas on signal violet7.0:1AAA

Score amber on canvas11.4:1AAA

Signal cyan on canvas12.0:1AAA

White on glass panel14.2:1AAA

Typography

Outfit carries decisive headlines. Inter handles reading and controls. JetBrains Mono marks timers, scores, confidence, IDs and technical labels.

DisplayEvery lead, answered.72 / 65 · 800 · Outfit

H1Reply in under 60 seconds40 / 44 · 600 · -0.025em

H2Score every lead on intent28 / 34 · 600 · -0.02em

H3Recover abandoned forms20 / 28 · 600 · -0.01em

H4Source attribution17 / 24 · 500

BodyResponser replies while intent is high, then hands over a qualified lead.15 / 24 · 400

SmallRecovered from an abandoned mortgage form, 3 minutes ago.13 / 20 · 400

CaptionSource · Perplexity10 / 16 · 500 · 0.08em · mono

Timer--font-mono

0:42

Scoretabular-nums

Valuenumbers over adjectives

€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.

Spacing4 → 64

Radius--radius-control / card

pill

8 px controls, 12 px cards, full pill for chips only.

Border & shadowraise / overlay / luminous

Hairline default. Raise for cards, overlay for dialogs, luminous for active moments.

Motion--motion-control / overlay

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.

Buttonsvariant · size · state

Inputsheight 40 · radius 8

Search leads

Source

Filter the lead list by origin.

Reply email

Enter a valid address.

Badgesintent · score · status

Score 92Intent highFit 88RepliedRecoveredUrgentSpamQueued

Loading & emptyskeleton · empty state

No leads recovered yet

Abandoned forms appear here the moment a visitor leaves one behind.

Olivia Bennett

Mortgage · £240k · London

Replied in 0:42

Confidence94%

Intent highFit 88UrgentNot spam

SourceChatGPT

“best fixed mortgage rate uk 2026”

5 leads · last 24h

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

Toast--shadow-overlay

Reply sent in 0:42

Olivia Bennett · Mortgage enquiry

Dialog180ms · overlay

One question, two actions. The primary action states the outcome.

Voice

Direct, short, active. Numbers instead of adjectives. Say lead, reply, recover, score, source.

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.

Microcopy

ButtonSend replySubmit your response now

Empty stateNo leads recovered yetNothing to see here!

AlertScore 92. Reply within 60 seconds.Hot lead alert 🔥

InstallOne script. No developer needed.Seamlessly integrate our platform

Every lead,answered.

Logo

Logo downloads

Colour

Typography

Tokens

Components

Voice

Every lead,
answered.