Brand and media
Write the name as DomainSend. One word, capital D and capital S. It is email for Cloudflare Email Routing. Do not use Cloudflare’s logo, and do not imply an endorsement.
The mark is a forward chevron that doubles as a D and a send arrow. An orange bar runs through the counter. Keep the bar orange in full-colour use; drop to one colour only for single-colour printing.
Logo
Horizontal is the default for the web, the product, and docs. Stacked is for square layouts. The wordmark only appears where the mark is already nearby. The mark alone is for favicons, avatars, and small spaces.
The app icon is the mark on a charcoal rounded tile. Use the supplied 1024 px opaque PNG for store listings.
Clear space and size
Keep clear space equal to half the height of the mark on every side. Minimum sizes:
| Asset | Screen | |
|---|---|---|
| Horizontal | 104 px wide | 25 mm |
| Stacked | 64 px wide | 15 mm |
| Wordmark | 72 px wide | 20 mm |
| Mark | 18 px tall | 5 mm |
Do not
- Stretch, squash, or rotate the logo.
- Recolour the mark outside the palette, outline it, or add a shadow.
- Retype or rearrange the wordmark. Use the supplied lockup files.
- Put the mark on top of the orange bar, or crop the chevron.
- Place the orange mark on orange, or the charcoal mark on charcoal.
Color
Orange is the bar in the mark and the primary action colour. It is not a text colour. Orange words on light backgrounds use Ember.
Charcoal#151515
Orange#F97316
Off-White#F6EDE1
Ember#C2410C
Stone#E7E1D8
Ash#6B645C
Rough balance: 60 Off-White, 25 Charcoal, 10 Orange, 5 accents. Orange is the spark, not the room.
The product UI keeps its existing warm tokens (#ff5f16 orange, #1a140f ink) so the shipped app does not need a wholesale recolour. Use the palette above for the mark, icons, and new artwork.
| Foreground | Background | Contrast | Use |
|---|---|---|---|
| Charcoal | Off-White | 16.4:1 AAA | Body text |
| Ash | Off-White | 5.0:1 AA | Secondary text |
| Ember | White | 5.2:1 AA | Orange text and links |
| Charcoal | Orange | 5.9:1 AA | Text on orange buttons |
| Off-White | Orange | 2.9:1 fail | Never for text |
| Orange | Off-White | 2.6:1 fail | Never for body text |
Type
The wordmark is a custom geometric sans-serif: bold, tight-tracked, confident. Do not reset it in another typeface — use the supplied lockup files.
Product headlines and interface text use the existing app stack (Inter first, then the system sans). Addresses and code use system monospace.
Voice
Sound like a sharp friend who knows DNS. Short sentences. Plain words. A light touch, never cute at the expense of clear.
- Say: “Your domain is live. Say hi to your new inbox.”
- Don’t say: “Domain provisioning completed successfully.”
Downloads
SVG for web and product. PNG for docs, slides, and email. PDF for the full guidelines.
Brand sheet (PDF)- Horizontal, charcoal (SVG) · PNG
- Horizontal, on Charcoal (SVG) · PNG
- Stacked, charcoal (SVG) · PNG
- Stacked, on Charcoal (SVG) · PNG
- Wordmark, ink (SVG) · PNG
- Mark, full colour (SVG) · PNG
- Mark, monochrome (SVG) · PNG
- Open Graph, 1200×630 · Dark
- Avatar, Charcoal · Orange
- X header · LinkedIn banner
- Email signature logo
- App icon, 1024 px opaque PNG · SVG
- Brand sheet (PDF) · Colour palette (PDF) · Construction guide (PDF)
The full SVG, PNG, and remaining stacked and wordmark files are in the Markdown file, which lists every absolute URL.