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.
- 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
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
- 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
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
Do not make the brand feel
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.
05
Logo
A composed lowercase wordmark with a restrained companion symbol: three signals entering a shared field, influencing one another, continuing forward without collapsing into one line.
Single colour — inherits currentColor
Clear space and minimum size
Clear space on all sides equals the height of the lowercase "e" in the wordmark. Nothing — type, rules, image edges, buttons — enters that space.
Digital minimum · 96px wide
Symbol minimum · 16px
Below these sizes the symbol's three paths merge visually. Use the favicon lockup instead.
Favicon
64px
32px
16px
The favicon is a field fragment on Deep Field with the Living Signal point held at the convergence. It reads at 16px, works in one colour and never carries the wordmark.
Incorrect uses
Do not slant or italicise
Do not stretch or condense
Do not add effects or gradients
Do not set the wordmark in capitals
Also never: recolour the wordmark outside the palette, place it on a busy image, replace a letter with the symbol, rotate the symbol, or redraw the symbol with additional paths.
Wordmark — Deep Field
<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 — 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>06
Colour
A deep, considered palette built for long reading and quiet interfaces, with a single warm accent reserved for meaning.
Primary
- 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.
- 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.
- 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
- 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).
- 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.
- 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
- 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
- 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.
- 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.
- 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.
- 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.
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
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 restDo
- 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.
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
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
Avoid
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
Direction
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
Confidence is always stated in words as well as a figure.
Timeline, stakeholders and table
Timeline
2 Sep
Sponsor absent from weekly call
28 Aug
Scope question raised in writing
19 Aug
Revised statement of work shared
4 Aug
Quarterly review — positive
Stakeholder view
Participation is described, not scored. The emphasised point is a newly active stakeholder with little history — a reason to look, not a conclusion.
| Relationship | Direction | Confidence | Renewal | Judgment |
|---|---|---|---|---|
| Ellery Partners | Narrowing | 62% | 74 days | Amara Osei |
| Nordhaus | Shifting | 58% | 142 days | Tom Reid |
| Kessler | Widening | 48% | 201 days | Priya Nair |
| Vantage Row | Steady | 77% | 96 days | Amara 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
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.
Where attention is concentrated
Three mid-tier relationships have had no senior contact in nine weeks
38 active relationships · 4 changed direction this month
Sales-deck content slide and presentation chart
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
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.
- 01Always spell the name Releneo.
- 02Pronounce it reh-LEN-ee-oh.
- 03Use lowercase for the visual wordmark only.
- 04Do not invent unsupported product claims.
- 05Do not present AI interpretation as objective fact.
- 06Do not use the signal colour decoratively.
- 07Do not reduce nuanced relationships to a single unexplained score.
- 08Preserve generous whitespace.
- 09Keep the visual hierarchy calm.
- 10Avoid generic AI visual conventions.
- 11Use the visual system consistently across marketing and product.
- 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