BlogVitals
blogvitals.com · set in DM Sans
SaveUnofficial A style guide made by SiteStyleGuide from domaintools.com’s public web pages. Not affiliated with or endorsed by DomainTools. The real site is domaintools.com ↗
Unofficial style guide
DomainToolsstyle guide
DomainTools’s website (domaintools.com) uses DM Sans for its headings and body text. Its palette is led by Green Yellow (#C4EE4E), Cornflower Blue (#7992EE) and Slate Blue (#3950B4), with #111111 text on #EFEFEF. Captured from the live site on 2 November 2026.
- Website
- domaintools.com
- Typefaces
- DM Sans, DM Mono
- Palette
- 4 neutrals, 9 colours, 3 gradients
- Captured
- 2 Nov 2026 · added by @sitestyleguide
https://www.domaintools.com/
Screenshot
domaintools.com
Identity & metadata
What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.
Title &
description
- Page title
- Threat Intelligence & Domain Security Platform | DomainTools
- ● 60 / 60 characters
- Meta description
- DomainTools provides DNS-based threat intelligence covering 97% of internet infrastructure. Detect, investigate & block malicious domains. Request a demo.
- ● 154 / 160 characters
- Site name
- DomainTools
- og:title
- Threat Intelligence & Domain Security Platform | DomainTools
- og:description
- DomainTools provides DNS-based threat intelligence covering 97% of internet infrastructure. Detect, investigate & block malicious domains. Request a demo.
- Language
- en
In search results
DomainToolshttps://www.domaintools.com/
Threat Intelligence & Domain Security Platform | DomainTools
DomainTools provides DNS-based threat intelligence covering 97% of internet infrastructure. Detect, investigate & block malicious domains. Request a demo.
When shared
domaintools.com
Threat Intelligence & Domain Security Platform | DomainTools
DomainTools provides DNS-based threat intelligence covering 97% of internet infrastructure. Detect, investiga…
Logo & favicons
Found as: schema.org logo. PNG, 574 × 90.
Logo
On white
On black
On Green Yellow
Favicons
2 found-
256 px · PNG
apple-touch-icon
-
32 px · SVG
shortcut icon
Threat Intelligence & Domain Security Platform | DomainTools
Light browser tab
Threat Intelligence & Domain Security Platform | DomainTools
Dark browser tab
Colour
Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.
Contrast is against the site’s text colour (#111111) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.
Colour
Balance
How much each colour is used- Near Black 42.9%
- Light Off White 20.6%
- White 9.7%
- Green Yellow 8.4%
- Deep Off White 7%
- Cornflower Blue 4%
- Slate Blue 4%
- Medium Blue 1.2%
- Blue 0.7%
- Light Dodger Blue 0.6%
- Pale Golden Rod 0.4%
- Deep Dodger Blue 0.2%
- Midnight Blue 0.2%
By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.
Neutrals
Text, backgrounds and structure-
Near Black
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 93
- On text
- —
- On white
- 18.88:1 AAA
Text, border, background · .hero-slider_content_wrap.hero-theme-light, .eyebrow:where(.w-variant-2ede261d-aa93-2784-b8bb-e9439fcc7368)
-
Light Off White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 6
- On text
- 16.42:1 AAA
- On white
- 1.15:1 Fail
Background, text, border · body, html
-
White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 0
- On text
- 18.88:1 AAA
- On white
- —
Text, background, border · .btn_play_wrap, body
-
Deep Off White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 15
- On text
- 13.38:1 AAA
- On white
- 1.41:1 Fail
Background, text, border · .button_load-more, .cta_card_wrap
Colours
Brand colours and accents, most used first-
Green Yellow
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 18 0 67 7
- On text
- 14.11:1 AAA
- On white
- 1.34:1 Fail
Background, text, border · .button_arrow_element, .btn_main_wrap
-
Cornflower Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 49 39 0 7
- On text
- 6.44:1 AA
- On white
- 2.93:1 Fail
Text, background, border · .footer_group_title.text-weight-semibold.text-color-brand2, .cta-icon.icon-large
-
Slate Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 68 56 0 29
- On text
- 2.68:1 Fail
- On white
- 7.05:1 AAA
Text, background, border · .eyebrow, .whr-title:hover a
-
Medium Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 89 74 0 26
- On text
- 1.98:1 Fail
- On white
- 9.56:1 AAA
Border, background · .button_arrow_element-2
-
Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 66 76 0 8
- On text
- 2.82:1 Fail
- On white
- 6.70:1 AA
Background, border, text · .button_content, .form_main_option_link.w--redirected-checked
-
Light Dodger Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 76 36 0 7
- On text
- 6.18:1 AA
- On white
- 3.06:1 AA large
Background, border · .w-checkbox-input--inputType-custom.w--redirected-checked, .w-button
-
Pale Golden Rod
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 6 0 33 3
- On text
- 16.41:1 AAA
- On white
- 1.15:1 Fail
Background · .eyebrow:where(.w-variant-0793eaa2-500e-eb37-94b3-c5cf715d81b1), .t-num
-
Deep Dodger Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 100 47 0 5
- On text
- 4.93:1 AA
- On white
- 3.83:1 AA large
Text · .w-dropdown-link.w--current, .w-nav-link.w--current
-
Midnight Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 81 57 0 79
- On text
- 1.07:1 Fail
- On white
- 17.67:1 AAA
Text · .pdf-button, .pdf-zoom
Gradients
-
linear-gradient(#3d3d3d 1px,#0000 1px),linear-gradient(90deg,#3d3d3d 1px,#0000 1px)
-
linear-gradient(to right, 1px, transparent 1px), linear-gradient(to bottom, 1px, transparent 1px)
-
linear-gradient(180deg,#131317,#7992ee29%,#7992ee75%,#131317)
Dark mode
Switched on by the site
Aa
Light · #111111 on #EFEFEF
Aa
Dark · #EFEFEF on #111111 · 16.42:1 AAA
-
Near Black
#111111 · --_theme---background
-
Off White
#EFEFEF · --_theme---text
-
Charcoal
#3D3D3D · --_theme---bg-grid-stroke
-
Green Yellow
#C4EE4E · --_theme---button-primary--background
-
Cornflower Blue
#7992EE · --_theme---button-secondary--background
-
Charcoal
#292929 · --_theme---background-2
Typography
Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.
DM Sans
Aa
300
Aa
700
DM Sans
Served from cdn.prod.website-files.com · weights 300, 400, 500, 600, 700 · headings, buttons, body · shown in a stand-in if you don’t have it
Aa
400
Aa
500
DM Mono
Served from cdn.prod.website-files.com · weights 400, 500 · shown in a stand-in if you don’t have it
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”
Type scale
From the site’s CSS
Heading 1
38px / 44px
weight 400 · DM Sans
DomainTools
Heading 2
32px / 36px
weight 400
Threat Intelligence & Domain Security Platform …
Heading 3
24px / 30px
weight 400
Threat Intelligence & Domain Security Platform …
Heading 4
18px / 24px
weight 400
Threat Intelligence & Domain Security Platform …
Heading 5
14px / 20px
weight 400
Threat Intelligence & Domain Security Platform …
Heading 6
12px / 18px
weight 400
Threat Intelligence & Domain Security Platform …
Body
1rem · 16 px / 1.5
none · DM Sans
DomainTools provides DNS-based threat intelligence covering 97% of internet infrastructure. Detect, investigate & block malicious domains. …
Small
80%
DomainTools provides DNS-based threat intelligence covering 97% of internet infrastructure. Detect, investigate & block malicious domains. …
Sizes in use
Most common across the site- 61px4 rules
- 21pxline 1.15 · 4 rules
- 18pxline 22px · 4 rules
- 16pxline 1.5 · 39 rules
- 15pxline 12px · 3 rules
- 14pxline 1 · 21 rules
- 12pxline 14px · 5 rules
- 10pxline 1 · 4 rules
Elements
The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.
Elements
Button
Get started
.btn_main_wrap · #C4EE4E
Corner radius
- 100vw · 35×
- .625rem · 15×
- .25rem · 12×
- inherit · 12×
- 2rem · 9×
- 50% · 6×
Shadows
- 20px 20px 0 0 #111
- 10px 10px 0 0 #111
- 0px 0px 0 0 #111
- 0 0 0 0 #111
Layout
Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.
Grid
Breakpoints
479
767
768
769
960
991
992
On a scale of 0 to 1440 px.
Content widths (max-width)
1280 px
960 px
940 px
480 px
448 px
320 px
Notes
Plain checks on what was found. Worth fixing if you look after this site.
Notes
- ● FineThe title is 60 characters, short enough to show in full in search results.
Questions
Quick answers, from the same capture as the rest of this guide.
Questions
- What font does DomainTools use?
- DomainTools’s website uses two typefaces: DM Sans (headings and body text), served from cdn.prod.website-files.com; DM Mono, served from cdn.prod.website-files.com.
- What are DomainTools’s brand colours?
- The main colours on domaintools.com are Green Yellow (#C4EE4E), Cornflower Blue (#7992EE), Slate Blue (#3950B4), Medium Blue (#1531BC), Blue (#5139EB) and Light Dodger Blue (#3898EC).
- What colour is DomainTools’s text and background?
- Body text is #111111 on a #EFEFEF background.
- Where is DomainTools’s logo from?
- The logo shown in this guide was found on domaintools.com’s homepage. For official logo files and usage rules, check DomainTools’s own brand or press page.
- Is this DomainTools’s official style guide?
- No. SiteStyleGuide made it from domaintools.com’s public web pages on 2 November 2026, and isn’t affiliated with DomainTools. Members can refresh a guide after 90 days to pick up changes.
Design tokens
Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.
Tokens
domaintools-com-tokens.css
/* domaintools.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/domaintools.com) */
:root {
/* Colours */
--text: #111111;
--background: #EFEFEF;
--colour-near-black: #111111;
--colour-light-off-white: #EFEFEF;
--colour-white: #FFFFFF;
--colour-deep-off-white: #D9D9D9;
--colour-green-yellow: #C4EE4E;
--colour-cornflower-blue: #7992EE;
--colour-slate-blue: #3950B4;
--colour-medium-blue: #1531BC;
--colour-blue: #5139EB;
--colour-light-dodger-blue: #3898EC;
--colour-pale-golden-rod: #E7F7A5;
--colour-deep-dodger-blue: #0082F3;
--colour-midnight-blue: #0A1736;
--gradient-1: linear-gradient(#3d3d3d 1px,#0000 1px),linear-gradient(90deg,#3d3d3d 1px,#0000 1px);
--gradient-2: linear-gradient(to right, 1px, transparent 1px), linear-gradient(to bottom, 1px, transparent 1px);
--gradient-3: linear-gradient(180deg,#131317,#7992ee29%,#7992ee75%,#131317);
/* Typefaces */
--font-headings: 'DM Sans', 'Arial', sans-serif;
--font-buttons: 'DM Sans', 'Arial', sans-serif;
--font-body: 'DM Sans', 'Arial', sans-serif;
--font-other: 'DM Mono', 'Arial', sans-serif;
/* Type scale */
--text-h1: 38px;
--leading-h1: 44px;
--text-h2: 32px;
--leading-h2: 36px;
--text-h3: 24px;
--leading-h3: 30px;
--text-h4: 18px;
--leading-h4: 24px;
--text-h5: 14px;
--leading-h5: 20px;
--text-h6: 12px;
--leading-h6: 18px;
--text-body: 1rem;
--leading-body: 1.5;
--text-small: 80%;
/* Shape */
--radius-1: 100vw;
--radius-2: .625rem;
--radius-3: .25rem;
--radius-4: inherit;
--radius-5: 2rem;
--radius-6: 50%;
/* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
--breakpoint-1: 479px;
--breakpoint-2: 767px;
--breakpoint-3: 768px;
--breakpoint-4: 769px;
--breakpoint-5: 960px;
--breakpoint-6: 991px;
--breakpoint-7: 992px;
--max-width-1: 1280px;
--max-width-2: 960px;
--max-width-3: 940px;
--max-width-4: 480px;
--max-width-5: 448px;
--max-width-6: 320px;
}
{
"site": "domaintools.com",
"source": "https://sitestyleguide.com/domaintools.com",
"text": "#111111",
"background": "#EFEFEF",
"colours": [
{
"name": "Near Black",
"hex": "#111111",
"rgb": [
17,
17,
17
]
},
{
"name": "Light Off White",
"hex": "#EFEFEF",
"rgb": [
239,
239,
239
]
},
{
"name": "White",
"hex": "#FFFFFF",
"rgb": [
255,
255,
255
]
},
{
"name": "Deep Off White",
"hex": "#D9D9D9",
"rgb": [
217,
217,
217
]
},
{
"name": "Green Yellow",
"hex": "#C4EE4E",
"rgb": [
196,
238,
78
]
},
{
"name": "Cornflower Blue",
"hex": "#7992EE",
"rgb": [
121,
146,
238
]
},
{
"name": "Slate Blue",
"hex": "#3950B4",
"rgb": [
57,
80,
180
]
},
{
"name": "Medium Blue",
"hex": "#1531BC",
"rgb": [
21,
49,
188
]
},
{
"name": "Blue",
"hex": "#5139EB",
"rgb": [
81,
57,
235
]
},
{
"name": "Light Dodger Blue",
"hex": "#3898EC",
"rgb": [
56,
152,
236
]
},
{
"name": "Pale Golden Rod",
"hex": "#E7F7A5",
"rgb": [
231,
247,
165
]
},
{
"name": "Deep Dodger Blue",
"hex": "#0082F3",
"rgb": [
0,
130,
243
]
},
{
"name": "Midnight Blue",
"hex": "#0A1736",
"rgb": [
10,
23,
54
]
}
],
"fonts": [
{
"name": "DM Sans",
"stack": "\"DM Sans\", Arial, sans-serif",
"weights": [
300,
400,
500,
600,
700
],
"source": "Served from cdn.prod.website-files.com"
},
{
"name": "DM Mono",
"stack": "\"DM Mono\", Arial, sans-serif",
"weights": [
400,
500
],
"source": "Served from cdn.prod.website-files.com"
}
]
}
Share
Links open each service’s own share page. Nothing from them loads here.
Share
Run domaintools.com?
Add the badge to your siteLink to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.
<a href="https://sitestyleguide.com/domaintools.com" title="DomainTools style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>
Also set in DM Sans
Other websites using DM Sans as their main typeface
Creative Commons
creativecommons.org · set in DM Sans
Save
ARH Digital
arhdesign.tech · set in DM Sans
Save
Similar colours
Websites whose lead colour is closest to DomainTools’s
vCommission
vcommission.com · 3 days ago
Save
Adcash
adcash.com · 6 days ago
Save
Search Engine Roundtable
seroundtable.com · 1 day ago
Save
NVIDIA
nvidia.com · 6 days ago
Save
Captured from domaintools.com on 2 November 2026. SiteStyleGuide isn’t affiliated with or endorsed by DomainTools; this guide describes the public website for reference.