Skip to Content

Brand

The CustomDomain™ brand

The name, the mark, the colors and the type, exactly as the CustomDomain™ console uses them. Every value and file on this page comes from the product itself.

Name

CustomDomain™, one word.

The product name is a trademark and is always written the same way.

CustomDomain™

How to write it

  • One word, with a capital C and a capital D: CustomDomain™
  • Always with the ™ wherever the brand is named, in headlines, body copy, buttons and alt text.
  • The generic idea stays lowercase: custom domains, a custom domain, connect a custom domain.
  • Never two words, never all capitals, never without the ™.
  • The address is customdomain.ai, and code keeps its own identifiers.

Written well

Headline

Custom domains, on autopilot.

Sentence

Connect a custom domain with CustomDomain™ and your customer is live over HTTPS in minutes.

Mark and icon

The tree, the lockup and the app icon.

Drawn from the console, in ink and paper only.

Mark

The tree, drawn in ink. It sits beside the wordmark in the console sidebar and on every sign in screen.

Open SVG
CustomDomain™

Lockup

The mark, then the wordmark in Instrument Serif, as the console header sets it. Ink on paper.

Mark 20 px, wordmark 18 px
CustomDomain™

Lockup on ink

Paper on ink, for dark surfaces such as the code panel and social cards.

Ink #0c0a09, paper #fafaf9

App icon

The white tree on a black rounded square, with its ground line and roots. Browser tab, home screen and installed app.

CustomDomain™ email mark

Email mark

An ink square with the paper tree, for email and small avatars.

CustomDomain™ social card: Ship customer domains in minutes, not tickets.

Social card

The console shares this card, 1200 by 630, ink with paper type.

Open PNG

Color

Paper, ink and warm stone.

The console tokens, with their hex values.

Light, the default

Dark, when a person turns it on in the console

Monochrome warm stone: near black ink on off white paper, with hairline borders. The connect widget your customers see marks a finished step in green, #16a34a, and nothing else does. Click any swatch to copy its hex.

Type

Three faces.

Instrument Serif for display, Inter for the interface, Geist Mono for records.

Instrument Serif

Regular and italic. Page titles, section titles and the wordmark. Letter spacing minus 0.01 em.

Your domains, live.

Inter

400, 500 and 600. Interface and body text; most console text is 14 px.

Connect a domain, verify it and serve it over HTTPS.

Geist Mono

Domains, DNS records, keys, dates and code.

app.acme.com CNAME edge.customdomain.ai

RoleSettingWhere
Page titleInstrument Serif 30 pxConsole pages; sign in titles use 36 px
Section titleInstrument Serif 20 pxGroups within a page
Card titleInter 600, 14 pxCard headers
BodyInter 400, 14 pxEverything else
EyebrowInter 500, 12 px, caps, 0.14 emSection kickers
RecordsGeist Mono 12 to 14 pxHostnames and values
Corners6 px, 8 px, 12 px, fullButtons and fields, tabs, cards, badges
Focus2 px ink outline, 2 px offsetEvery focusable element

In use

The pieces, as the console draws them.

Buttons, status, cards, fields and code, with the same recipes as the product.

Buttons

Connect a domainBook a demoCancel

Ink for the one main action, a hairline for the rest. Corners 6 px.

Status

LiveVerifyingNeeds attention

Live is solid ink. Work in progress is an outline with a quiet dot.

Domain connected

app.acme.com

Live
  • DNS records configured automatically
  • Domain ownership verified
  • HTTPS certificate issued and live

Fields and notes

A note sits on muted paper.
An error is inverted, never red text.
POST /v1/connections
# the one call that starts a connection
curl -X POST https://api.customdomain.ai/v1/connections \
  -H "Authorization: Bearer $CUSTOMDOMAIN_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"domain": "app.acme.com"}'

Files

Every public file.

FileWhatSizeCopy
tree-mark.svgMark, inkSVG 512
tree-icon.svgApp iconSVG 512
icon.svgBrowser tab iconSVG 512
favicon.icoLegacy tab iconICO
apple-icon.pngHome screen iconPNG 180
tree-48.pngApp iconPNG 48
tree-64.pngApp iconPNG 64
tree-96.pngApp iconPNG 96
tree-192.pngApp iconPNG 192
tree-256.pngApp iconPNG 256
tree-512.pngApp iconPNG 512
tree-maskable-192.pngMaskable icon, full bleedPNG 192
tree-maskable-512.pngMaskable icon, full bleedPNG 512
customdomain-logo-512.pngSquare logoPNG 512
email-mark-96.pngEmail markPNG 96
opengraph-imageSocial cardPNG 1200 by 630
manifest.webmanifestApp manifest, theme #fafaf9JSON

Every file is served by the CustomDomain™ console at app.customdomain.ai. Use them as they are; please do not redraw the mark or imply a partnership.