ogur: brand & website

The identity and marketing site for an agentic surveillance platform in pharma, built from nothing.

  • Brand Identity
  • 0 to 1
  • Design System Foundations
  • Marketing Site
  • 1 month

Overview reader of signs

OGUR watches the open biomedical web around the clock and turns it into a live, source-anchored picture of the competitive field. When I joined there was a working engine and nothing to look at: no mark, no type, no color, no site. I built the brand from zero, the foundations the product runs on, and the marketing site that tells the story.

Details

Surface

Identity, design-system foundations, marketing website.

Role

Founding designer, solo. Brand and foundations.

With

Khalil Ouardini (founder & engineer).

Built in

Figma for the identity, React, TypeScript and Tailwind for the site and the live token system.

The starting point

The product had a sharp idea behind it: competitive intelligence is a surveillance problem, not a research one. Watch continuously, weight the weak signals, see what is coming before it is obvious. My job was to give that idea a face that read as calm authority instead of one more AI dashboard, and to make the whole thing feel like a single product, from the first marketing headline down to a severity dot in a table.

The direction

The name is the key. An augur is a reader of signs, someone who watches for what is about to happen. I built the world around that: quiet, patient observation, and the moment a hidden thing becomes visible.

The trap was the obvious one. A tool about watching and prediction wants to reach for literal surveillance cues, and every one of them reads as sci-fi, as one more AI product shouting about itself. Landing on the augur instead, quiet observation rather than futuristic tech, was the move that kept the brand from becoming the exact thing it was built to replace.

The references pulled from two places that turned out to be the same idea. Celestial: eclipses, crescent moons, a sky watched for omens. Biological: petri dishes, mycelial networks, dendritic growth, the field of medicine seen as something alive and unfolding. Both are about watching a system reveal itself. Under both ran the language of old scientific engraving, hands, eyes, instruments, which gave the brand its rigor and its respect for evidence.

The mark

A single ring, drawn in one gesture and left not quite closed, the rim of a magnifying glass caught mid-motion. It's the tool the work is built on: zoom in, and the surface gives way to detail, then to source. The same ring reads three ways on purpose : a lens, an eye, an eclipse, all watching, resolving, revealing. It's hand-weighted rather than geometric, so it carries a little of the engraving craft into an otherwise severe system. It holds as a standalone mark, in a horizontal lockup, and stacked, in light and dark.

Type

Three voices, each with one job :

  • Switzer is the grotesque backbone : UI, display and brand, the modern and neutral face of the tool.
  • Source Serif 4 is held back for reading mode: the long briefings an analyst actually sits with, where the academic paper is home ground.
  • JetBrains Mono handles data and code, every label, weight, timestamp and identifier. The mono is the signature. It's what makes a screen full of numbers read as instrument rather than decoration.

Color

This is where the system stays quiet. A warm-neutral foundation, from Obsidian through Reed and Sahara to Dust, carries almost the entire product, so nothing on screen competes for attention that shouldn't. Color is treated as a language rather than a finish: the greys hold the surface calm, and any hue that appears has to earn it by meaning something. The naming carries the brand too, atmosphere instead of hex.

The website

I built the marketing site from nothing, in code. It is where the brand gets to be loud, the opposite register from the product. Near-black, film-grained, cinematic.

This is where the brand gets to be loud. The product is a work surface, so it stays quiet and out of the way. The site has the opposite job, to make the idea land before anyone reads a feature, so it goes dark, atmospheric, cinematic, and lets the imagery do the arguing. Underneath it is the same system as the product: same type, same color logic, same mark, turned all the way up. One identity, two registers. That it holds at both ends is the point.

How it holds together

A brand that only lives on the marketing site is a coat of paint. The real test is whether it survives contact with a dense, functional product: a table full of numbers, a severity dot, a timestamp. So the identity was never a logo file, it was built as a system the product runs on.

The foundations are not a static file. They live as a rendered surface in the real stack, so a token is checked in the browser before any component is built on it. That is also how I work: I design the identity in Figma, then build the frontend in the same stack the engineers ship, TypeScript, React and Tailwind, and open the PR myself. For a technical product that closes the gap between a design decision and what the expert user actually touches, and keeps the brand honest all the way down.

Confirm termination

This removes Dupixent from your watchlist.

shadow-modal · destructive

Awaiting first analysis

Once Synthesis completes, your briefing appears here with cited evidence.

A brand built like the product it sells: precise, restrained, and shipped in code.

OGUR needed to look like what it does, calm, exact surveillance in a category that shouts. The identity holds that line from the chrome ring to the empty states. And because the site is built in the product's own stack, the brand survives contact with production: what ships is what was designed.