Skip to content
Oh Dear

Brand Assets

preview
Oh Dear Logo The base logo, the one at the top of every page on this site. White on dark backgrounds, orange everywhere else.
Square Oh Dear logo, white on orange Square Oh Dear logo, white on dark Square Oh Dear logo, orange on white
Square Oh Dear logo, orange on a transparent background
Square logo

Every app directory, plugin listing and social profile wants a square icon, and for years this page didn't have one. So here you go.

The logo sits at two thirds of the canvas, centered. Nothing gets clipped when a platform crops it to a circle or masks it into a rounded square, which most of them do without telling you. Pick a background, or take a transparent one if the platform supplies its own.

Every variant ships as SVG and as PNG at 1024, 512, 256, and 128 pixels.

Oh Dear favicon at 16 pixels Oh Dear favicon at 32 pixels Oh Dear app icon at 48 pixels Oh Dear app icon at 80 pixels
Favicons & app icons

A drop-in set for browser tabs and home screens: a multi-size .ico, the 16 and 32 pixel PNGs, an Apple touch icon, and both Android sizes. There's a README in the ZIP with the link tags and the manifest snippet, so you can paste it and get on with your day.

DOWNLOADS ZIP
The Oh Dear logo with clearspace on all four sides equal to the height of the letter o
Clearspace & minimum size

Give the logo room to breathe. Keep at least the height of the o clear on all four sides, and don't let anything else creep into it.

Below 120 pixels wide the wordmark turns to mush. If you're tighter than that, use the square logo instead.

What not to do

The logo does one job, so please leave it alone. If none of the versions here work for what you're building, mail me at support@ohdear.app and I'll make one that does.

Don't recolor it
Don't recolor it
Don't stretch or squash it
Don't stretch or squash it
Don't rotate it
Don't rotate it
Don't hide it on a clashing background
Don't hide it on a clashing background
HEX
#FF3900
RGB
255, 57, 0
Pantone
Orange 021 C
Oh Dear Key Color

Coquelicot. It's the old French name for the wild corn poppy, Papaver rhoeas, which is a very fancy way of saying bright red with some orange in it.

Shades of Blue

The secondary palette. Mostly typography and interface furniture: borders, icons, dividers, ...

Aa Söhne Breit Aa Söhne
Typography

Headings are Söhne Breit, everything else is Söhne, both by Kris Sowersby at Klim Type Foundry. Code and small labels are IBM Plex Mono.

Söhne is licensed, so I can't hand it out here. But if you're rebuilding something of ours and want it to match, that's what you're looking for. Want a free stand-in? Inter gets you close enough.

Oh Dear social header banner
Social & OG images

Banners for social profiles and link previews. The header banner fits X and LinkedIn, and the OG images are what shows up when someone drops an ohdear.app link into Slack.

preview
Oh Dear marketing banners Use these to promote Oh Dear and boost your affiliate sales. That's what they're for.
DOWNLOADS ZIP
preview
Oh Dear product carousel A handful of product slides as a PDF.
DOWNLOADS PDF
preview
Oh Dear product screenshots Assorted screenshots of the app.
DOWNLOADS ZIP
Product video
Product video

A short introduction to Oh Dear by Freek and me, walking through the features people use most.

DOWNLOADS Google Drive
Oh Dear reviews on Capterra Oh Dear reviews on GetApp Oh Dear reviews on Software Advice
Review platform banners

Badges showing what Oh Dear scores on the various review platforms.

DOWNLOADS ZIP
About Oh Dear

Writing about us? Lift this paragraph as-is, no need to ask first.

Oh Dear is an all-in-one website monitoring service. It watches uptime, SSL certificates, broken links, mixed content, DNS, scheduled tasks, application health, and performance, then tells you the moment something breaks. Oh Dear started in 2018 and is built by Freek Van der Herten and Mattias Geniar, a developer and a sysadmin who kept running into the same blind spots.

Everything on this page is yours to use when you're writing about Oh Dear, linking to us, or promoting your affiliate link. Don't redraw the assets, and don't use them in a way that suggests we built or endorsed your product. Anything else, just ask: support@ohdear.app.

Start monitoring instantly

Start a no-strings-attached 10-day free trial. You're all set in less than a minute.
(No credit card needed.)

Not convinced yet? Need help?
Get in touch via support@ohdear.app.