Hi, I'm Sivan. For the last two and a half years I've been making those decisions at Coralogix. This is the story of that work, told the way I live it, one problem at a time.
At Coralogix, I shape how our brand shows up on our website, in campaigns and out in the real world. I try to be intentional about the choices I make, exploring what feels right for us and building a visual language our team can keep evolving as we grow.
i.
Find the idea
Understand the story, the audience and what I want them to feel.
ii.
Shape the language
Explore imagery, type and motion until the idea has a distinct visual voice.
iii.
Make room to grow
Build in flexibility, so it can take new forms and still feel like us.
Act ITHE BRAND REFRESH
It started with a brand that no longer fit.
It started with a brand that no longer fit.
GEIST 300 · CHAPTER TITLE · −4.5%
As Coralogix evolved, the brand needed to catch up. We refreshed the identity to feel more current and reflect the company we’d become, wherever people encounter us.
A NOTE
The hardest part wasn’t the logo. It was getting everyone to stop using the old one.
Brand refresh 2024
A new identity is a promise.Next, I had to make it hard to break.
Act IITHE DESIGN SYSTEM
So I built the system behind it.
So I built the system behind it.
GEIST 300 · CHAPTER TITLE · −4.5%
Shared components, clear rules and ready-made templates, so every team can ship on-brand work without starting from scratch.
0102030405060708091011121314
{{ b.label }}
Get Started →
{{ auditCaption }}
THE AUDIT
A brand that looked different on every page.
Every team was rebuilding the same pieces in its own way, so the brand drifted a little with every launch.
HOW THE SYSTEM IS BUILT
01FoundationsThe few decisions everything else inherits.
01 — LOGO4:3
LogoHorizontal lockup · clear space = mark height
02 — COLOUR4:3
60DOMINANTWhite, black or one green gradient
30BRAND
10
Colour by area · 60 / 30 / 1060 background · 30 one lead green + tones · 10 one product family
03 — TYPE4:3
AaInter · body and UI
TypePlus Jakarta Sans 600 · Inter 400 / 500
04 — LIGHT4:3
LightOne green light-leak per frame
05 — PATTERN4:3
PatternNeon dot field · under the light, never over type
Section headingEyebrow + two-tone title · max 1016
17 — SECONDARY ACTION4:3
Book a Demo
Secondary actionWhite 3% · blur 5 · hover 14%
18 — INPUT4:3
Search logs, traces…
InputRadius 8 · hairline · green focus ring
19 — STAT BLOCK4:3
99.9%Platform uptime
Stat blockNumber carries the argument · small unit
20 — NAVIGATION4:3
PlatformPricingDocsStart
Navigation60px bar · #131313 · one green action
Built from the system, every week.
Newsletter, blog, social, email, events and paid: one source, every channel.
Landing page
Ads
Brand video
YouTube
Events
Blog
Act IIICAMPAIGNS
Then the brand went out.
Then the brand went out.
GEIST 300 · CHAPTER TITLE · −4.5%
Paid, video and out-of-home: the same system, now in every size and on every screen.
One loop, every screen.
Where you get three seconds and no second chance. I designed one loop, then followed it from the road to the streets around the venue.
01On the road
Airport loop · billboard truckMOTION
02Through the terminal
Convention targetingMOTION
Airport totem
03Around the venue
Orlando · digital billboardMOTIONThe venue · elevator screensMOTION · 10s
04On the floor
Beyond the rebrand, many more projects. Here are three.
Act IVSELECTED PROJECTS
Three selected projects, built end to end.
Three selected projects, built end to end.
GEIST 300 · CHAPTER TITLE · −4.5%
Separate from the rebrand: an AI launch inside the product, a sales enablement platform I built from zero, code included, and a new design for the Coralogix documentation site.
A NOTE
I still open the docs some days just to check the spacing.
Olly · AI Native Observability
I went quiet on purpose: light, calm and spacious, so the agent's interface could do the talking.
Landing pageHover to pause · scroll to explore
Feature storyHover to pause · scroll to explore
Documentation · redesign
A new design for the Coralogix docs, and one of my favourites. Docs are read for hours, so every line height and every shade of grey mattered.
Desktop · lightHover to pause · scroll to explore
Desktop · darkHover to pause · scroll to explore
9:41
9:41
Mobile · light and dark
Sales enablement platform
Built from zero, design and code. A tool more than a page, made for the person opening it every morning.
A FEW THINGS I BELIEVE
How I like to work.
i.
Take stock
See what we have, what’s duplicated, and where things have drifted.
ii.
Set direction
Make the brand rules clear, so teams know what to follow.
iii.
Make it useful
Build templates and components that make the work easier and more consistent.
iv.
Stay involved
Review work early, give feedback, and help keep the quality consistent.
