Guidelines
Intelligence,
made visible.
The single source of truth for the Synerise visual language — the system behind every screen, campaign, and touchpoint of an AI-native customer platform.
We build the intelligence layer for customer growth.
Synerise unifies behavioral data, AI and automation into one real-time platform. Our identity has to feel as precise, calm and capable as the product — enterprise-grade, human-centered, unmistakably intelligent.
Every mark, ready to place.
Master artwork for Synerise and the brands built around it. Take the vector file wherever you can — SVG for screen, PDF for print — and reach for PNG only when nothing else will do.
Clear space, minimum sizes and the things never to do to these marks are set out in 05 · Logo System and 20 · Do & Don't. Need a lockup that isn't here? Ask the brand team rather than redrawing one.
Four principles guide every decision.
One wordmark. Applied with discipline.
The Synerise wordmark is the constant across every touchpoint. Its geometric letterforms are never redrawn, restyled, or reproportioned.
xxMaintain clear space equal to the cap-height (x) of the wordmark on all sides.
Never reproduce the wordmark below 72px wide on screen or 24mm in print.
The palette is fixed. This is the one thing we never change.
Ten hues, ten steps each. Mint leads; ink and warm greys carry the weight; accents are used sparingly and with intent.
Gradients blend mint with ink or teal. Reserved for hero moments, never for text or UI chrome.
Color is a signal. The more neutral the canvas, the louder a single mint moment reads.
Graphik. One family, every voice.
A single geometric sans carries the whole system — from 132px display to 10px overline. Weight and scale do the work; we never mix in a second typeface.
A modular grid. Space that breathes.
Everything sits on a 12-column grid and an 8-point spacing scale. Structure is invisible; the result is calm, aligned, and unmistakably premium.
A library built for density and calm.
Every control shares the same 32px rhythm, 3px radius, 2px input border, and restrained shadow. These are the real product components — not approximations.
AI Recommendation
Campaign saved
Your changes are live across all channels.
900+ icons. One geometric voice.
A custom SVG library drawn on a 24px grid. Single-weight, currentColor, sharp geometry. Icons clarify — they never decorate.
Icons inherit text color. Reserve mint for interactive or active states.
The visual signatures that say Synerise.
A small kit of recurring devices — a data mesh, connective nodes, gradient fields, and precise dividers — extend the brand beyond the logo.
Square brackets frame key figures and callouts.
Real people. Natural light. Quiet confidence.
Photography keeps the enterprise human. Candid moments over staged stock, soft daylight over hard flash, and generous negative space that lets a single subject breathe. Drop your approved imagery into the frames below.
Spot illustration for meaning. 3D for moments.
Flat, multi-color spot illustrations explain concepts in empty states and onboarding. Sculpted 3D renders — in brand hues on neutral grounds — headline campaigns and launches.
Fast, functional, never decorative.
Motion confirms and guides — it doesn't perform. Short durations, a single easing curve, and one signature ripple on interaction.
Charts that read at a glance.
Data is the product, so charts get first-class treatment. One fixed color order keeps every series consistent across the platform.
Long-form with a point of view.
Ebooks, case studies, and articles share one editorial grammar: a strong kicker, a confident headline, a readable measure, and pull quotes that carry the argument.
How a unified profile lifted repeat purchase by 34%.
The team replaced twelve disconnected tools with a single real-time layer. Within one quarter, decisioning moved from overnight batches to sub-second, and every channel finally spoke the same language.
Columns hold at a comfortable 60–75 character measure. Body is Graphik Regular at 15–17px with 1.7 line-height for sustained reading — denser than product UI, calmer than a landing page.
Section kickers use the mint overline. Numerals are tabular so figures align in tables and stat runs. Links use deep mint and underline on hover — never mid-sentence decoration.
“We stopped guessing. The platform tells us what to do next — in real time, for every customer.”
Composable blocks, assembled with intent.
A handful of reusable layout patterns cover most needs — drop them in, keep the spacing, change the content.
The details that signal craft.
Premium is felt in the small things — a precise focus ring, a considered shadow, a 3px corner held everywhere.
2px blue ring · keyboard only
One system, every surface.
The same tokens carry from a social square to a trade-show wall. Drop real imagery into the frames to see it come alive.
Clear lines keep the brand consistent.
The system, fully expressed.
Web · Meta & Open Graph
Every public Synerise URL carries a complete meta set. The share card is often the first brand touchpoint — treat the Open Graph image as a designed asset, never an auto-generated screenshot.
Preview every release in the LinkedIn Post Inspector, Facebook Sharing Debugger and Slack before shipping. Bust caches by re-scraping after any image change.
<title>Behavioral AI Platform | Synerise</title> <meta name="description" content="Turn behavioral signals into real-time predictions, personalization and automation — on one platform."> <link rel="canonical" href="https://synerise.com/platform"> <meta property="og:type" content="website"> <meta property="og:site_name" content="Synerise"> <meta property="og:title" content="Behavioral AI for real-time growth"> <meta property="og:description" content="…same as description…"> <meta property="og:url" content="https://synerise.com/platform"> <meta property="og:image" content="https://synerise.com/og/platform.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:alt" content="Synerise — behavioral AI platform"> <meta property="og:locale" content="en_US"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@synerise"> <meta name="theme-color" content="#232936">- Design OG images on navy #232936 or mint #00FFBC — one accent circle, white logo, one short line
- Keep text inside the 8% safe margin; verify legibility at 300 px wide
- Give campaign landing pages their own OG image and description
- Serve images as static PNG/JPG under 300 KB from a stable URL
- Ship product screenshots, dense charts or full paragraphs as og:image
- Reuse the homepage card on every page, or leave og:image blank
- Stuff titles with keywords or exceed 60 characters
- Point og:url at redirects or URLs with UTM parameters