01
Brand character
The Explorer, with a Sage backbone
Dipnot is a guide to the deep — equal parts expedition and reference. We bring back the stories, science, and practical knowledge of the underwater world and present them clearly enough to trust and vividly enough to make you want to dive in yourself.
Dipnot leads with the thrill of discovery and stands on trustworthy knowledge. The name says both: dip is Turkish for the seabed, and dipnot means footnote, the source behind the text.
02
Logo
The Dipnot mark comes in solo marks (transparent background, for in-layout use) and composed variants (mark on a solid background, for app icons, share cards and social avatars). Pick the variant that reads most cleanly against its background.
Solo marks
Composed variants
Solid background + mark, with a baked-in clear-space border of 1/6 of the tile. Don't add extra padding around them.
03
Usage rules
Clear space
Leave at least 1/6 of the mark's height empty on every side of a solo mark. No text, button or container edge may enter this zone. At 60 px, keep 10 px clear on each side. It's a minimum, not a target: more is fine, less is not.
Minimum size
The mark's geometry is simple, but its inner detail muddies below 16 px. Floors per context:
| Context | Minimum |
|---|---|
| Favicon / browser tab | 16 × 16 px |
| Inline UI (button icon, nav item, chip) | 20 × 20 px |
| Standalone UI (avatar, card corner) | 40 × 40 px |
| Display (hero, splash, marketing) | 80 × 80 px |
| 8 mm |
04
Misuse
Use the mark as it is. Never:
05
Colors
Dipnot Teal is the single primary accent on every surface: buttons, active states, focus rings, links. Sky Captain and Winter Bloom are backgrounds for composed assets only (app icon, share cards), never for UI.
06
Typography
One family for titles and body on every surface: Inter (SIL OFL 1.1, free). The wordmark uses a separate display face, Gabarito Semibold. It's outlined into the logo artwork and never loaded on the site or in the app.
UI typeface
Inter
Su altını okumaya hazır mısın?
ÇĞİÖŞÜ çğıöşü 0123456789
Wordmark only
Gabarito
Turkish typography
- Sentence case: only the first word and proper nouns are capitalised ("Hesabını oluştur", not "Hesabını Oluştur").
- Straight quotes: "…", not « ».
- No automatic hyphenation; words don't break.
07
Voice and tone
Dipnot is welcoming and a little adventurous, but never overwhelming. When writing for readers (Dipnot's copy is Turkish):
-
Address the reader as "sen"
Warm and direct: "Dalış dünyasını keşfet". Legal texts stay formal.
-
Lead with the positive action
Don't apologise in empty states: "Henüz makale yok — ilkini keşfet", not "Üzgünüz, bulunamadı".
-
Errors in three parts
What happened, why, what to do next. Never blame the reader.
-
Claims match the product
Never promise something the app doesn't do.
Circumflex (â, î, û)
Default: don't use it. Write it only where leaving it out changes the meaning.
| Write | Why |
|---|---|
| kâr | kâr = profit, kar = snow |
| hâlâ | hâlâ = still, hala = paternal aunt |
| âdet | âdet = custom, adet = count |
Unmarked everywhere else: halinde, dahil, rüzgar, mekan, kağıt.
08
Icons and share images
The website icon is the teal mark on a round Sky Captain disc. The app icon is the teal-on-Sky-Captain composed variant. Share images use the stacked layout, safe in any crop, and the horizontal layout for X.
Website icon
App icon
Share image (default)
Share image (X, horizontal)
This page is the public summary of Dipnot's internal brand guide. Questions: info@dipnot.app