Skip to content

01 · Overview

Releneo brand system

reh-LEN-ee-oh

Relational intelligence for client-service businesses.

Know where attention can make the greatest difference. Releneo brings scattered relationship signals into focus, shows what is changing and helps teams act with better judgment.

attention here
Version
Releneo Brand System — Version 1.0
Last updated
27 August 2026
Status
Provisional V1 — authoritative for current work

02

Strategy

Releneo is an AI-powered relational-intelligence platform for organisations whose commercial success depends on the quality of their client relationships.

What Releneo is

Client knowledge is usually fragmented across calls, emails, messages, documents, tools and individual memories. That makes it difficult for leaders and client teams to see how a relationship is developing, where attention is needed and what action would make the greatest difference.

Releneo brings those signals together, interprets them in context and helps teams see the whole relationship, recognise meaningful risks and opportunities, prioritise where human attention matters, coordinate an appropriate response, and learn from actions and outcomes over time.

What Releneo is not

  • A replacement for relationships
  • An autonomous account manager
  • A surveillance product
  • A conventional CRM
  • A simplistic client-health score

Releneo augments human judgment.

Primary audience

Agencies
Consultancies
Professional-services firms
Client-service leadership teams
Account and relationship leaders
Founders and commercial leaders managing growing client portfolios

Client-service businesses in which trust, continuity, judgment and relationship quality materially affect commercial outcomes.

User reality

These teams do not lack data. They lack a coherent understanding of what the data means across a relationship.

  • Signals are scattered.
  • Important context lives in people's heads.
  • Risks are often recognised too late.
  • Opportunities are inconsistently surfaced.
  • Senior judgment cannot be applied equally across every account.

Value proposition, promise and narrative

Core value proposition

Know where attention can make the greatest difference.

Brand promise

Releneo helps client-service businesses see their relationships more completely and act with better judgment.

The intelligence loop

Core intellectual property — give it a consistent visual expression

SeePrioritiseActLearn
See
Bring fragmented relationship signals into focus.
Prioritise
Identify where attention could make the greatest difference.
Act
Support the right person with the right next move.
Learn
Learn from outcomes and improve judgment over time.

03

Name and pronunciation

The name is short, open and slightly unfamiliar. Protect it by spelling and setting it consistently.

Written name

Releneo

Capitalised in running text, exactly as written here.

Pronunciation

reh-LEN-ee-oh

Stress the second syllable. The ending stays open — "nee-oh", never "nyo".

Visual wordmark

releneo

Lowercase in the logo and in wordmark lockups only. Never lowercase mid-sentence.

Do

  • Releneo in body copy, legal text, headlines and speech.
  • releneo as the lowercase wordmark in the logo and lockups.
  • Pronounce reh-LEN-ee-oh in demos, webinars and voice-overs.
  • Set the repeated e sounds with even spacing — r-e-l-e-n-e-o has a rhythm worth protecting.

Don't

  • Relenio, Relano, Releno, Relineo or any other spelling.
  • RELENEO in all caps, including in navigation or buttons.
  • Splitting the name across two lines.
  • Adding a tagline inside the wordmark itself.

04

Brand idea: the relational field

A client relationship is not a record or a score. It is a living system shaped by interactions, expectations, decisions, commitments, people, context and time.

Releneo reveals that relational field: what is connected, what is changing, where tension is emerging and where attention could alter the trajectory. Everything in this system — graphics, layout, motion, language — exists to make structure visible within complexity.

Brand character

PreciseSystemicQuietly sophisticatedTrustworthyPerceptiveCalmHumanly intelligentCommercially credibleContemporary without being fashionableTechnically capable without appearing cold

The brand should behave like an exceptional strategic adviser: observant, composed, context-aware and able to reveal the important pattern without creating noise.

Brand tension

Hold both sides — never resolve one away

IntelligenceHumanity
PrecisionSensitivity
Systems thinkingPractical action
Technological capabilityDiscretion
Commercial confidenceRestraint
Complexity beneath the surfaceClarity in the experience

Do not make the brand feel

Loud or hyperactive
Playful or juvenile
Mystical or spiritual
Pharmaceutical or biotech-like
Futuristic for its own sake
Like a generic AI startup
Like a CRM dashboard
Like a management consultancy
Like an HR platform
Like a social network
Surveillance-oriented
Overly organic or rustic

Never use glowing brains, robot imagery, handshakes, stock photography of meetings, generic network diagrams, connected-globe graphics, neon gradients, glassmorphism, purple AI aesthetics or decorative particle clouds.

06

Colour

A deep, considered palette built for long reading and quiet interfaces, with a single warm accent reserved for meaning.

Primary

Deep Field
Hex
#102A27
RGB
16, 42, 39
Use
Primary brand colour, dark backgrounds, authority and depth.
Pairs with
Warm Ground, Clear Water, Living Signal
Accessibility
Carries Warm Ground text at 13.47:1 — AAA.
Warm Ground
Hex
#F4F1EA
RGB
244, 241, 234
Use
Primary light background. Considered and editorial, never stark white.
Pairs with
Carbon, Deep Field, Mist
Accessibility
Carbon on Warm Ground is 14.73:1 — AAA.
Carbon
Hex
#18201E
RGB
24, 32, 30
Use
Primary text on light backgrounds.
Pairs with
Warm Ground, Mist
Accessibility
14.73:1 on Warm Ground — AAA at every size.

Supporting

Mineral
Hex
#A9BBB5
RGB
169, 187, 181
Use
Secondary information, subtle fields and system diagrams.
Pairs with
Deep Field, Warm Ground
Accessibility
7.57:1 as text on Deep Field. Never body text on Warm Ground (1.78:1).
Mist
Hex
#DDE6E1
RGB
221, 230, 225
Use
Surfaces, dividers and quiet background differentiation.
Pairs with
Carbon, Deep Field
Accessibility
Surface only. Carbon on Mist is 12.9:1 — AAA.
Clear Water
Hex
#B8D7D5
RGB
184, 215, 213
Use
Selected relational layers and calm information states.
Pairs with
Deep Field, Carbon
Accessibility
9.92:1 as text on Deep Field. Surface or graphic use on light.

Signal accent

Meaning, never decoration

Living Signal
Hex
#E86F51
RGB
232, 111, 81
Use
Points requiring attention, significant change, active calls to action.
Pairs with
Deep Field, Warm Ground
Accessibility
4.94:1 on Deep Field — AA for text. On Warm Ground use for graphics, large text and fills only (2.73:1); for small text on light use Signal Ink #C2412A (4.56:1).

Utility colours

Success
Hex
#2F6B52
RGB
47, 107, 82
Use
Confirmed outcome, completed action, resolved risk.
Pairs with
Warm Ground (5.56:1), light variant #8FC7AC on Deep Field (7.91:1)
Accessibility
AA at all sizes on Warm Ground.
Caution
Hex
#8A6111
RGB
138, 97, 17
Use
Something to watch; not yet a risk.
Pairs with
Warm Ground (4.9:1), light variant #E3B463 on Deep Field (7.94:1)
Accessibility
AA at all sizes on Warm Ground.
Risk
Hex
#A33A26
RGB
163, 58, 38
Use
Emerging relationship risk with supporting evidence.
Pairs with
Warm Ground (5.84:1), light variant #F2A68F on Deep Field (7.69:1)
Accessibility
AA at all sizes. Distinct from Living Signal in hue and darkness.
Information
Hex
#356283
RGB
53, 98, 131
Use
Neutral system information, context and provenance.
Pairs with
Warm Ground (5.77:1), light variant #9CC4DE on Deep Field (8.22:1)
Accessibility
AA at all sizes on Warm Ground.

Application

Correct

Sponsor attendance has fallen for three consecutive weeks.

Attention suggested before the renewal conversation

One signal point, earning its place. Meaning is carried by the words; colour only locates it.

Incorrect

Sponsor attendance has fallen.

AlertHotAct

Signal used as decoration and urgency theatre. Repetition destroys its meaning and the red-on-cream fill fails contrast for small text.

07

Typography

Instrument Sans carries the system. Source Serif 4 appears only where a statement deserves a human, editorial voice.

Primary · Instrument Sans

See the whole relationship

Wordmark foundation, headlines, navigation, interface labels, body copy, buttons and data labels. Weights 400, 500, 600.

Editorial · Source Serif 4

A relationship is a living system, not a record.

Foundational statements, pull quotes and important conceptual language only. Never for interface copy, navigation or long body text.

Scale

Display

Know where attention matters

64 / 68 · -2.0

H1

Know where attention matters

48 / 54 · -1.4

H2

Know where attention matters

36 / 42 · -1.0

H3

Know where attention matters

28 / 34 · -0.6

H4

Know where attention matters

22 / 30 · -0.3

H5

Know where attention matters

18 / 26

H6

Know where attention matters

16 / 24

Body large

Know where attention matters

19 / 32 · max 68ch

Body

Know where attention matters

16 / 28 · max 72ch

Body small

Know where attention matters

14 / 22

Label

Know where attention matters

12 / 16 · 0.6

Caption

Know where attention matters

12 / 18

Data and numerics

Relationship signals · 30 days

1,248

Stakeholders participating

9 of 14

Days to renewal

74

Always tabular numerals so figures align between rows and between updates.

Typographic behaviour

  • Sentence case by default, including buttons and navigation.
  • Hierarchy through size, spacing and weight — not colour.
  • Line length 60–72 characters for body, 45–55 for serif statements.
  • Mobile scaling: Display 40/44, H1 32/38, H2 26/32, body stays 16/26.
  • Fallbacks: system-ui, Helvetica Neue, Arial · Georgia, Times New Roman.

Avoid

  • All-caps paragraphs or all-caps navigation.
  • Excessive letter spacing to create 'premium' feel.
  • Italics for anything other than meaningful editorial emphasis.
  • Serif set as interface copy or table content.
  • More than two type sizes competing inside one component.

08

Relational field

The graphic language: fine trajectories, intervals, shifts in density, points of attention, overlapping context and one selectively emphasised signal.

Three contextual traces in Mineral establish the field. One Deep Field trajectory is the relationship under discussion. Vertical intervals give the field a temporal structure. A single Living Signal point marks where attention would matter.

Grammar

Trajectories

Direction of a relationship through time.

Intervals

Structure — weeks, quarters, engagements.

Density

Volume and distribution of contact.

Convergence

Alignment between parties or signals.

Divergence

Emerging tension or drift.

Emphasis

Exactly one point of attention per composition.

Density as evidence

Q1 — dense, distributed contactQ3 — narrowing

Do

  • Draw from field research diagrams, cartographic contours and signal traces.
  • Keep every mark explanatory — if it means nothing, remove it.
  • Let the composition breathe; the empty area is part of the reading.
  • Emphasise one signal, in Living Signal, per composition.

Don't

  • Network maps of many dots joined by many lines.
  • Molecules, constellations, literal relationship webs.
  • Particle clouds, glows or gradient meshes.
  • Decorative traces added to fill a layout.

09

Layout

Relationships are expressed through proximity, interval and alignment. Space is part of the intelligence system.

Grid

Desktop

12 columns

96px margins · 24px gutters

Tablet

6 columns

48px margins · 20px gutters

Mobile

4 columns

20px margins · 16px gutters

Content spans 4, 5, 7 or 8 columns far more often than 12. Asymmetry is used with discipline: a consistent left edge, a varied right edge.

Geometry

2px

Bars, ticks, micro-elements

4px

Inputs, tags, small controls

6px

Buttons, list rows

10px

Panels, cards, modals

Fine lines, open shapes and controlled curves. Circular points appear only when they represent a signal, an actor or a point of attention. No pill-shaped buttons, no over-rounded friendly-SaaS containers.

Rhythm and space

4

8

12

16

24

32

48

64

96

128

A 4px base scale. Section spacing uses 96 and 128; component padding uses 16, 24 and 32. Never fill every area of the screen.

10

Imagery and illustration

Releneo leads with custom relational-field graphics, editorial diagrams and product imagery treated as evidence.

Photography direction

  • Documentary, not staged.
  • People thinking, noticing, listening or working together.
  • Natural light, subdued grading, spacious observational framing.
  • Cropped moments that imply attention and interpretation.
  • Client confidentiality respected — no readable client material.

No stock photography ships with this system. Commission or licence only images that meet this direction exactly.

Illustration direction

  • Fine-line, structured, layered.
  • Data-informed — every mark refers to something real.
  • Calm, capable of showing change over time.
  • Built from the relational-field grammar.

Do

  • Abstract but intelligible system compositions.
  • Partial views and contextual details.
  • Product screenshots presented as evidence with a caption explaining what is shown.

Don't

  • Smiling-at-camera teams, handshakes, meeting-room clichés.
  • Any framing that implies monitoring of individuals.
  • Decorative illustration with no explanatory role.
  • Glowing brains, robots, connected globes.

11

Motion

Motion communicates interpretation and emerging clarity: dispersed signals entering context, a pattern becoming visible, attention shifting to a meaningful point.

A pattern becoming visible

Attention arriving

Learning feeding back

Duration and easing tokens

--duration-instant120msState change on press
--duration-quick200msHover, focus, small reveals
--duration-considered420msPanels, drawers, expansion
--duration-reveal900msAn insight arriving
--duration-field2400msA field composition drawing in
--ease-fieldcubic-bezier(0.22, 0.61, 0.36, 1)Traces and field motion
--ease-attentioncubic-bezier(0.40, 0, 0.20, 1)Attention shifts
--ease-settlecubic-bezier(0.16, 1, 0.30, 1)Elements coming to rest

Do

  • Slow enough to be understood; one idea per transition.
  • Motion that explains a change in state or interpretation.
  • Full respect for prefers-reduced-motion — this page honours it.

Don't

  • Bouncing, springing or overshooting elements.
  • Dramatic parallax and scroll-jacking.
  • Constant ambient movement or particle effects.

12

Iconography

A minimal line set drawn on the relational-field grammar: 1.5px stroke, rounded joins, 24px grid, legible at 16px.

See

Observation, evidence, whole-relationship view

Prioritise

Ranking attention across a portfolio

Act

A move being made by a named person

Learn

Outcome feeding back into judgment

Relationship

An account or client relationship

Signal

An observed change in the field

Attention

Where human judgment is requested

Risk

Emerging downward trajectory

Opportunity

Credible upward trajectory

Context

Surrounding conditions for a signal

History

Change over time

Next action

Recommended move

Do

  • Keep a consistent 1.5px stroke (2px at 32px and above).
  • Use rounded joins and caps without becoming cartoonish.
  • Pair an icon with a text label wherever it carries meaning.

Don't

  • Filled or duotone variants.
  • Icons used as decoration beside every heading.
  • Adding a signal-coloured icon where nothing needs attention.

13

Data visualisation

Visualisations must support judgment without pretending that relationships can be reduced to false certainty.

Relationship trajectory

Direction and change, not status. The dashed line is the portfolio norm for comparable engagements; the solid line is this relationship.

attentionJanMarMayJul

Signal strength and confidence

Importance and confidence are separate axes and are always shown together.

Sponsor engagement falling

importance 86% · confidence 72%

Scope expanding beyond brief

importance 64% · confidence 48%

New stakeholder joined

importance 42% · confidence 91%

Two bars, never one: the solid bar is importance, the water bar is the system's confidence in its own reading. A high-importance, low-confidence item is a request for human judgment, not a verdict.

Stakeholder participation

Client sponsor38% of interactionProgramme lead24% of interactionNew finance lead9% of interactionDelivery team18% of interactionProcurement11% of interaction

Participation is described, not scored. The emphasised point is a newly active stakeholder with little history — a reason to look, not a conclusion.

Risk and opportunity emergence

Both are shown as emerging trajectories with the evidence that produced them, never as a traffic light.

Sponsor attention narrowing before renewal

Emerging · 3 weeks · confidence 62% · 3 supporting signals

Second team asking about the same capability

Emerging · 2 weeks · confidence 48% · 2 supporting signals

Evidence versus interpretation

Observed

  • Sponsor attended 1 of the last 4 weekly calls (previously 4 of 4).
  • Two scope questions raised by the client in written channels this month.
  • Renewal date is 74 days away.

Interpretation · confidence 62%

Sponsor attention appears to be moving elsewhere ahead of a renewal conversation. The scope questions may indicate value is being reassessed internally. This reading is based on attendance and written signals only; no direct statement of concern has been recorded.

Observed evidence is set in a solid-bordered panel. Interpretation is set in a dashed panel and always carries a confidence figure. The two treatments never merge.

Principles

  • Show direction and change, not just status.
  • Preserve the context surrounding an individual signal.
  • Distinguish observation from interpretation, and confidence from importance.
  • Explain why something was surfaced and let the user inspect the evidence.
  • Make uncertainty visible.

Never

  • Use red-amber-green health scoring as the dominant model.
  • Reduce a relationship to one unexplained number.
  • Use colour as the sole carrier of meaning.
  • Use Living Signal for anything other than genuine attention.
  • Imply precision the underlying evidence cannot support.

14

Voice and language

Releneo speaks with calm authority: clear, perceptive, specific, measured, commercially literate and honest about uncertainty.

Writing principles

  • Reveal the important point.
  • Use concrete language.
  • Respect the reader's judgment.
  • Explain why a signal matters.
  • Distinguish fact, interpretation and recommendation.
  • Prefer calm confidence over urgency.
  • Never imply certainty the evidence cannot support.

Preferred language

Bring the relationship into focusSee what is changingKnow where attention mattersUnderstand the contextRecognise emerging riskSurface credible opportunityCoordinate the next moveLearn from the outcomeSupport better judgmentSee the whole relationship

Avoid

SuperchargeRevolutioniseGame-changing10xMagicEffortlessReplace your teamNever miss anythingPredict every outcomeSingle source of truthAI-powered insights (unexplained)Relationship health score

Brand statement

Releneo helps client-service businesses see their relationships more completely, recognise where attention matters and act with better judgment.

  • Relational intelligence for client-service businesses
  • Know where attention can make the greatest difference
  • See the whole relationship
  • From scattered signals to coordinated action
  • Intelligence for work built on relationships

Worked examples

Homepage headline

Know where attention can make the greatest difference. Releneo brings the signals across your client relationships into one view, explains what is changing and helps your team decide where judgment is needed next.

Product explanation

Releneo reads the interactions already happening across your calls, email, messages and documents, places them in the context of each relationship, and shows how that relationship is developing. Every interpretation is shown with the evidence behind it and how confident the system is.

Call to action

See how Releneo reads one of your relationships.

Specific and modest. Never 'Get started free' or 'Book a demo now'.

Insight notification

Nordhaus: three of the last four decisions have moved to a stakeholder Releneo has little history with. Worth understanding before the quarterly review on 14 September.

Risk notification

Ellery Partners: sponsor attendance has fallen from four calls in four weeks to one, and two scope questions were raised in writing. Renewal is 74 days away. Confidence 62%. Suggested owner: Amara, as relationship lead.

Opportunity notification

Kessler: a second team has asked about the same capability within two weeks. There is credible interest beyond the original brief. Confidence 48% — worth a conversation before it is framed elsewhere.

Empty state

Nothing needs your attention here yet. Releneo is still building context for this relationship. As more interactions are recorded, changes worth noticing will appear in this view.

Error message

We couldn't load this relationship's signals. The view may be incomplete, so we've held it back rather than show a partial picture. Try again, or continue with the timeline while we reconnect.

Executive summary

Across 38 active relationships, four show a change in direction this month. Two of those are approaching renewal. Attention is concentrated in the top eight accounts; three mid-tier relationships have had no senior contact in nine weeks. The evidence behind each item is available in the relationship view.

Sales-deck language

Your teams do not lack data about clients. They lack a shared understanding of what that data means across a relationship — and where limited senior attention would make the greatest difference. Releneo makes the condition and direction of each relationship visible, with the evidence attached.

15

UI components

The interface should feel like an intelligence environment, not a CRM. Every surfaced insight can show what was observed, why it may matter, how confident the system is, what context supports it, what action might be appropriate and who should apply judgment.

Navigation and controls

Relationship summary

Relationship

Ellery Partners

Lead: Amara Osei · 14 stakeholders · renewal in 74 days

Attention suggested

Direction

attentionJanMarMayJul

Interpretation · confidence 62%

Sponsor attention appears to be moving elsewhere ahead of the renewal conversation.

Recommended next action

Amara to request a 30-minute conversation with the sponsor about priorities for the next quarter, before the 14 September review.

Evidence, insight and confidence

Evidence panel

  • Weekly call · 2 Sep · sponsor absentSource: calendar + transcript
  • Email · 28 Aug · scope question raisedSource: shared inbox
  • Document · 19 Aug · revised statement of workSource: workspace

Insight panel

Decisions are moving to a stakeholder with little recorded history with your team.

Why it may matter
Renewal in 74 days
Confidence
62%
Judgment
Amara Osei

Confidence indicator

Well evidenced84%
Reasonably evidenced62%
Early reading31%

Confidence is always stated in words as well as a figure.

Timeline, stakeholders and table

Timeline

  1. 2 Sep

    Sponsor absent from weekly call

  2. 28 Aug

    Scope question raised in writing

  3. 19 Aug

    Revised statement of work shared

  4. 4 Aug

    Quarterly review — positive

Stakeholder view

Client sponsor38% of interactionProgramme lead24% of interactionNew finance lead9% of interactionDelivery team18% of interactionProcurement11% of interaction

Participation is described, not scored. The emphasised point is a newly active stakeholder with little history — a reason to look, not a conclusion.

Relationships requiring attention, with direction, confidence and owner
RelationshipDirectionConfidenceRenewalJudgment
Ellery PartnersNarrowing62%74 daysAmara Osei
NordhausShifting58%142 daysTom Reid
KesslerWidening48%201 daysPriya Nair
Vantage RowSteady77%96 daysAmara Osei

States: notification, empty, modal, mobile

Notification

Kessler: a second team has asked about the same capability within two weeks. Confidence 48% — worth a conversation before it is framed elsewhere.

Nothing needs your attention here yet.

Releneo is still building context for this relationship. As more interactions are recorded, changes worth noticing will appear in this view.

Modal

Share this reading with Amara?

Amara will see the interpretation, its confidence and the three signals behind it.

Mobile interface

Attention

Ellery Partners

Sponsor attention narrowing · confidence 62% · renewal in 74 days

Kessler

Credible interest beyond the brief · confidence 48%

Next move

Amara to speak with the sponsor this week

16

Applications

How the system behaves across the surfaces Releneo actually needs.

Website hero

Relational intelligence for client-service businesses

Know where attention can make the greatest difference.

Releneo brings the signals across your client relationships into one view, explains what is changing and shows where judgment is needed next.

Sales-deck cover

Where attention is concentrated

Three mid-tier relationships have had no senior contact in nine weeks

attentionJanMarMayJul

38 active relationships · 4 changed direction this month

Sales-deck content slide and presentation chart

Social post and LinkedIn banner template

Your relationships this week — 4 changes

releneo · Monday brief

Four of 38 relationships changed direction. Two are approaching renewal.

Ellery Partners

Sponsor attendance has fallen and two scope questions were raised in writing. Confidence 62%. Suggested owner: Amara.

Each item links to the evidence behind the reading.

Insight email

Executive relationship brief and document cover

September 2026

Executive relationship brief

Across 38 active relationships, four show a change in direction this month. Two of those are approaching renewal. Attention is concentrated in the top eight accounts; three mid-tier relationships have had no senior contact in nine weeks.

Relationships
38
Changed direction
4
Awaiting judgment
2

Confidential · prepared for the board

The condition of our client relationships

Q3 2026 · version 1

Favicon in context

Releneo Brand System

17

Downloads and tokens

Every asset on this page is real, copyable and downloadable from source. Nothing here pretends to be a file that does not exist.

Wordmark SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 72" role="img" aria-label="releneo">
  <text x="0" y="52" font-family="Instrument Sans, Helvetica Neue, Arial, sans-serif" font-size="56" font-weight="500" letter-spacing="-1.4" fill="#102A27">releneo</text>
  <circle cx="286" cy="46" r="5" fill="#E86F51"/>
</svg>

Wordmark SVG — single colour

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 72" role="img" aria-label="releneo">
  <text x="0" y="52" font-family="Instrument Sans, Helvetica Neue, Arial, sans-serif" font-size="56" font-weight="500" letter-spacing="-1.4" fill="currentColor">releneo</text>
  <circle cx="286" cy="46" r="5" fill="currentColor"/>
</svg>

Lockup SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 72" role="img" aria-label="Releneo">
  <g transform="translate(0 12)">
    <g fill="none" stroke="#102A27" stroke-width="2.2" stroke-linecap="round">
      <path d="M4 9C16 9 20 20 28 20H44"/>
      <path d="M4 24C16 24 20 24 28 24H44" opacity="0.55"/>
      <path d="M4 39C16 39 20 28 28 28H44" opacity="0.8"/>
    </g>
    <circle cx="28" cy="24" r="2.9" fill="#E86F51"/>
  </g>
  <text x="70" y="52" font-family="Instrument Sans, Helvetica Neue, Arial, sans-serif" font-size="56" font-weight="500" letter-spacing="-1.4" fill="#102A27">releneo</text>
</svg>

Symbol SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="Releneo relational-field symbol">
  <g fill="none" stroke="#102A27" stroke-width="2.2" stroke-linecap="round">
    <path d="M4 9C16 9 20 20 28 20H44"/>
    <path d="M4 24C16 24 20 24 28 24H44" opacity="0.55"/>
    <path d="M4 39C16 39 20 28 28 28H44" opacity="0.8"/>
  </g>
  <circle cx="28" cy="24" r="2.9" fill="#E86F51"/>
</svg>

Favicon SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="Releneo">
  <rect width="48" height="48" rx="10" fill="#102A27"/>
  <g fill="none" stroke="#F4F1EA" stroke-width="2.2" stroke-linecap="round">
    <path d="M8 11C17 11 20 20 27 20H40"/>
    <path d="M8 24C17 24 20 24 27 24H40" opacity="0.55"/>
    <path d="M8 37C17 37 20 28 27 28H40" opacity="0.8"/>
  </g>
  <circle cx="28" cy="24" r="2.9" fill="#E86F51"/>
</svg>

Relational-field graphic SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 260" role="img" aria-label="Relational field composition">
  <g fill="none" stroke="#A9BBB5" stroke-width="1">
    <path d="M0 196C120 196 168 150 248 138s176 6 264-44 128-58 128-58"/>
    <path d="M0 214C120 214 172 178 252 168s180 18 268-30 120-52 120-52"/>
    <path d="M0 232C124 232 176 206 256 198s184 30 272-16 112-46 112-46"/>
  </g>
  <path d="M0 160C130 160 180 96 268 88s188-22 372-64" fill="none" stroke="#102A27" stroke-width="1.6"/>
  <g stroke="#DDE6E1" stroke-width="1">
    <path d="M160 20V240M320 20V240M480 20V240"/>
  </g>
  <circle cx="268" cy="88" r="4.5" fill="#E86F51"/>
  <circle cx="480" cy="52" r="3" fill="#102A27"/>
  <circle cx="160" cy="128" r="3" fill="#102A27" opacity="0.5"/>
</svg>

Social image template SVG (1200×630)

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" role="img" aria-label="Releneo social template">
  <rect width="1200" height="630" fill="#102A27"/>
  <g fill="none" stroke="#A9BBB5" stroke-width="1" opacity="0.45">
    <path d="M0 470C240 470 340 402 520 386s340 20 680-96"/>
    <path d="M0 512C240 512 348 456 528 442s344 44 672-64"/>
  </g>
  <path d="M0 420C260 420 360 330 540 314s360-40 660-118" fill="none" stroke="#B8D7D5" stroke-width="2"/>
  <circle cx="540" cy="314" r="7" fill="#E86F51"/>
  <text x="80" y="150" font-family="Instrument Sans, Arial, sans-serif" font-size="30" font-weight="500" fill="#F4F1EA">releneo</text>
  <text x="80" y="270" font-family="Instrument Sans, Arial, sans-serif" font-size="62" font-weight="500" letter-spacing="-1.6" fill="#F4F1EA">Know where attention can</text>
  <text x="80" y="338" font-family="Instrument Sans, Arial, sans-serif" font-size="62" font-weight="500" letter-spacing="-1.6" fill="#F4F1EA">make the greatest difference.</text>
  <text x="80" y="560" font-family="Instrument Sans, Arial, sans-serif" font-size="22" fill="#A9BBB5">Relational intelligence for client-service businesses</text>
</svg>

Presentation cover template SVG (1600×900)

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" role="img" aria-label="Releneo presentation cover template">
  <rect width="1600" height="900" fill="#F4F1EA"/>
  <rect x="0" y="0" width="620" height="900" fill="#102A27"/>
  <text x="80" y="120" font-family="Instrument Sans, Arial, sans-serif" font-size="30" font-weight="500" fill="#F4F1EA">releneo</text>
  <text x="80" y="520" font-family="Instrument Sans, Arial, sans-serif" font-size="54" font-weight="500" letter-spacing="-1.4" fill="#F4F1EA">See the whole</text>
  <text x="80" y="582" font-family="Instrument Sans, Arial, sans-serif" font-size="54" font-weight="500" letter-spacing="-1.4" fill="#F4F1EA">relationship</text>
  <text x="80" y="650" font-family="Source Serif 4, Georgia, serif" font-size="26" fill="#A9BBB5">Relational intelligence for client-service businesses</text>
  <g fill="none" stroke="#A9BBB5" stroke-width="1.2">
    <path d="M700 620C880 620 960 520 1120 502s280-72 420-150"/>
    <path d="M700 668C880 668 972 592 1132 574s268-24 408-96"/>
  </g>
  <path d="M700 560C900 560 980 420 1160 398s300-118 440-190" fill="none" stroke="#102A27" stroke-width="2"/>
  <circle cx="1160" cy="398" r="8" fill="#E86F51"/>
</svg>

Design tokens — CSS variables

:root {
  /* Colour */
  --color-field: #102A27;
  --color-ground: #F4F1EA;
  --color-carbon: #18201E;
  --color-mineral: #A9BBB5;
  --color-mist: #DDE6E1;
  --color-water: #B8D7D5;
  --color-signal: #E86F51;

  /* Utility — on light ground */
  --color-success: #2F6B52;
  --color-caution: #8A6111;
  --color-risk: #A33A26;
  --color-info: #356283;

  /* Utility — on Deep Field */
  --color-success-on-field: #8FC7AC;
  --color-caution-on-field: #E3B463;
  --color-risk-on-field: #F2A68F;
  --color-info-on-field: #9CC4DE;

  /* Type */
  --font-sans: "Instrument Sans", ui-sans-serif, system-ui, Arial, sans-serif;
  --font-serif: "Source Serif 4", ui-serif, Georgia, serif;

  /* Spacing (4px base) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;

  /* Radius */
  --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px;
  --radius-lg: 10px; --radius-xl: 14px; --radius-2xl: 20px;

  /* Border */
  --border-hairline: 1px solid #DDE6E1;
  --border-field: 1px solid #A9BBB5;
  --border-emphasis: 1.5px solid #102A27;

  /* Shadow */
  --shadow-quiet: 0 1px 2px rgba(16, 42, 39, 0.06);
  --shadow-raised: 0 6px 24px -12px rgba(16, 42, 39, 0.28);
  --shadow-lifted: 0 24px 60px -32px rgba(16, 42, 39, 0.40);

  /* Motion */
  --duration-instant: 120ms;
  --duration-quick: 200ms;
  --duration-considered: 420ms;
  --duration-reveal: 900ms;
  --duration-field: 2400ms;
  --ease-field: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-attention: cubic-bezier(0.40, 0.00, 0.20, 1);
  --ease-settle: cubic-bezier(0.16, 1.00, 0.30, 1);
}

Typography specification

Display   Instrument Sans 500 · 64/68 · -2.0 tracking · max 16 words
H1        Instrument Sans 500 · 48/54 · -1.4
H2        Instrument Sans 500 · 36/42 · -1.0
H3        Instrument Sans 500 · 28/34 · -0.6
H4        Instrument Sans 500 · 22/30 · -0.3
H5        Instrument Sans 600 · 18/26 ·  0
H6        Instrument Sans 600 · 16/24 ·  0
Body L    Instrument Sans 400 · 19/32 · max 68 characters
Body      Instrument Sans 400 · 16/28 · max 72 characters
Body S    Instrument Sans 400 · 14/22
Label     Instrument Sans 600 · 12/16 ·  0.6 tracking · sentence case
Caption   Instrument Sans 400 · 12/18 · Quiet #5A6B66
Button    Instrument Sans 600 · 15/20 · -0.1
Data L    Instrument Sans 500 · 34/38 · tabular numerals
Data      Instrument Sans 500 · 16/22 · tabular numerals
Editorial Source Serif 4 400 · 30/42 · -0.2 · statements and pull quotes only

Mobile scaling: Display 40/44 · H1 32/38 · H2 26/32 · H3 22/28 · Body 16/26.
Fallbacks: sans — system-ui, Helvetica Neue, Arial. serif — Georgia, Times New Roman.

Wordmark SVGs reference Instrument Sans by name. For print or third-party systems without the font installed, convert the text to outlines before handing the file over.

18

Governance

These rules keep the system coherent as it grows across marketing, product and sales.

  1. 01Always spell the name Releneo.
  2. 02Pronounce it reh-LEN-ee-oh.
  3. 03Use lowercase for the visual wordmark only.
  4. 04Do not invent unsupported product claims.
  5. 05Do not present AI interpretation as objective fact.
  6. 06Do not use the signal colour decoratively.
  7. 07Do not reduce nuanced relationships to a single unexplained score.
  8. 08Preserve generous whitespace.
  9. 09Keep the visual hierarchy calm.
  10. 10Avoid generic AI visual conventions.
  11. 11Use the visual system consistently across marketing and product.
  12. 12Accessibility is part of the brand, not an optional adaptation.

Releneo Brand System — Version 1.0

Maintained by the Releneo brand owner. Propose changes before applying them to live surfaces.

Last updated: 27 August 2026