NSW Government
nsw.gov.au · set in Public Sans
SaveUnofficial A style guide made by SiteStyleGuide from techtarget.com’s public web pages. Not affiliated with or endorsed by TechTarget. The real site is techtarget.com ↗
Unofficial style guide
TechTargetstyle guide
TechTarget’s website (techtarget.com) uses Public Sans for its headings and body text. Its palette is led by Teal (#007268), Light Steel Blue (#95A2B8) and Deep Slate Grey (#15312D), with #1F1F24 text on #FFFFFF. Captured from the live site on 23 October 2026.
- Website
- techtarget.com
- Typefaces
- Public Sans, Public Sans Bold, publicSans
- Palette
- 4 neutrals, 12 colours, 3 gradients
- Captured
- 23 Oct 2026 · added by @sitestyleguide
https://www.techtarget.com/
Screenshot
techtarget.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
- TechTarget - Global Network of Information Technology Websites and Contributors
- ▲ 79 / 60 characters
- Meta description
- Missing
- ▲ 0 / 160 characters
- Language
- en
In search results
TechTargethttps://www.techtarget.com/
TechTarget - Global Network of Information Technology Website…
When shared
No og:image, so no picture
techtarget.com
TechTarget - Global Network of Information Technology Websites and Contributors
Logo & favicons
Found as: image in the header. PNG, 84 × 44.
Logo
On white
On black
On Teal
Favicons
3 found-
180 px · PNG
apple-touch-icon
-
114 px · PNG
apple-touch-icon-precomposed
-
TechTarget - Global Network of Information Technology Websites and Contributors
Light browser tab
TechTarget - Global Network of Information Technology Websites and Contributors
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 (#1F1F24) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.
Colour
Balance
How much each colour is used- White 27.9%
- Cool Charcoal 20.5%
- Teal 15.6%
- Cool Near Black 10.3%
- Off White 9.7%
- Light Steel Blue 3.7%
- Deep Slate Grey 3.5%
- Dim Grey 1.4%
- Turquoise 1.4%
- Fire Brick 1.3%
- Deep Sky Blue 1%
- Light Red 1%
- Dark Slate Blue 0.8%
- Deep Red 0.7%
- Light Slate Grey 0.6%
- Steel Blue 0.6%
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-
White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 0
- On text
- 16.41:1 AAA
- On white
- —
Background, text, border · #home.corporate #main-content.main-content #content-center.content-center>sectio, .header
-
Cool Charcoal
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 9 9 0 77
- On text
- 1.35:1 Fail
- On white
- 12.20:1 AAA
Text, background, border · #home.corporate #main-content.main-content #content-center.content-center>sectio, .trending-topics-items .trending-topics-item h3
-
Cool Near Black
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 14 14 0 86
- On text
- —
- On white
- 16.41:1 AAA
Text, background, border · #home.corporate #main-content.main-content #content-center.content-center>sectio, .header-leaderboard.ad-mobile
-
Off White
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 1 1 0 9
- On text
- 13.17:1 AAA
- On white
- 1.25:1 Fail
Border, background, text · #home.corporate #main-content.main-content #content-center.content-center>sectio, .learn-more-resources h3
Colours
Brand colours and accents, most used first-
Teal
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 100 0 9 55
- On text
- 2.82:1 Fail
- On white
- 5.82:1 AA
Text, background, border · #home.corporate #main-content.main-content #content-center.content-center>sectio, .header_v2 .nav-user .register span
-
Light Steel Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 19 12 0 28
- On text
- 6.36:1 AA
- On white
- 2.58:1 Fail
Text, background, border · .trending-topics-items .trending-topics-item h4 .icon, .section-title .icon
-
Deep Slate Grey
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 57 0 8 81
- On text
- 1.18:1 Fail
- On white
- 13.92:1 AAA
Text, background, border · #home.corporate #main-content.main-content #content-center.content-center>sectio, .network-hub-title-bar .entire-network a
-
Dim Grey
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 34 20 0 52
- On text
- 2.61:1 Fail
- On white
- 6.29:1 AA
Text, background · #home.corporate #main-content.main-content #content-center.content-center>sectio, #site-container h1 a:hover
-
Turquoise
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 76 0 7 16
- On text
- 9.14:1 AAA
- On white
- 1.80:1 Fail
Background, text, border · .header_v3 .nav .nav-user a.register, .header-gradient
-
Fire Brick
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 100 100 31
- On text
- 2.24:1 Fail
- On white
- 7.32:1 AAA
Background, text, border · .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form, .right-rail-overlay-wrapper .rro-content-wrapper .rro-peek-wrapper .button.sign-
-
Deep Sky Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 100 14 0 15
- On text
- 6.98:1 AA
- On white
- 2.35:1 Fail
Text · .link-blue-l, .pro-downloads-home .pro-downloads-title-bar h2 span
-
Light Red
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 69 94 17
- On text
- 3.56:1 AA large
- On white
- 4.61:1 AA
Background, text · #essentialGuide.eg_v2 .guide-header h3, #essentialGuide.eg_v2 .section h2.section-title span
-
Dark Slate Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 54 36 0 66
- On text
- 1.40:1 Fail
- On white
- 11.71:1 AAA
Background, text, border · #home.corporate #main-content.main-content #content-center.content-center>sectio, .blue-button
-
Deep Red
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 100 100 8
- On text
- 3.52:1 AA large
- On white
- 4.67:1 AA
Text, background, border · #hub.register #main-content.main-content .content-right .registration-form ul li, #hub.register #main-content.main-content .content-right .registration-form .erro
-
Light Slate Grey
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 99 0 24 65
- On text
- 1.96:1 Fail
- On white
- 8.35:1 AAA
Background · .header-search-toggle.selected, .nav-toggle.selected
-
Steel Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 77 20 0 36
- On text
- 3.80:1 AA large
- On white
- 4.32:1 AA large
Background · .header-gradient
Gradients
-
linear-gradient(0deg,#FFF 0,#33D7C8 538.89%)
-
linear-gradient(to right,#2683a3 0,#2683a3 1%,#6bbbb8 34%,#2eaf9e 100%)
-
linear-gradient(267deg,#003CB2 0,#002D74 32%,#024 100%)
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.
Public Sans
Aa
400
Public Sans
Self-hosted · weights 400 · body, buttons, headings · shown in a stand-in if you don’t have it
Aa
400
Public Sans Bold
Self-hosted · weights 400 · headings, buttons · shown in a stand-in if you don’t have it
Aa
400
publicSans
System font, or not loaded on this page · shown in a stand-in if you don’t have it
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”
Type scale
From the site’s CSS
Heading 1
2em · 32 px
TechTarget
Heading 2
1.5em · 24 px
TechTarget - Global Network of Information Tech…
Heading 3
1.17em · 19 px
TechTarget - Global Network of Information Tech…
Heading 4
1em · 16 px
TechTarget - Global Network of Information Tech…
Heading 5
.83em · 13 px
TechTarget - Global Network of Information Tech…
Heading 6
.67em · 11 px
TechTarget - Global Network of Information Tech…
Body
15px
weight 400 · Public Sans
The quick brown fox jumps over the lazy dog.
Paragraph
15px / 1.53em
The quick brown fox jumps over the lazy dog.
Small
80%
The quick brown fox jumps over the lazy dog.
Button
100% / normal
none
Get started
Link
14px / 16px
weight 700 · none · Public Sans
Read more about TechTarget
Sizes in use
Most common across the site- 20pxline 1.1em · 55 rules
- 18pxline 1.22em · 78 rules
- 16pxline 22px · 84 rules
- 15pxline 1.53em · 88 rules
- 14pxline 18px · 124 rules
- 13pxline 18px · 218 rules
- 12pxline normal · 145 rules
- 11pxline 20px · 70 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
.contact-section #contactUsForm input[type=submit] · #007268 · radius 4px
Corner radius
- 4px · 53×
- 30px · 13×
- 2px · 8×
- 3px · 8×
- 50% · 8×
- 18px · 6×
Shadows
- 0 8px 8px 0 rgba(0,0,0,.2)
- 0 0 5px #007268
- 5px 5px 5px 0 rgba(0,0,0,.3)
- 5px 5px 20px #333
Layout
Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.
Grid
Breakpoints
400
640
960
1000
1050
1100
1150
1280
On a scale of 0 to 1440 px.
Content widths (max-width)
790 px
780 px
620 px
600 px
370 px
347 px
Notes
Plain checks on what was found. Worth fixing if you look after this site.
Notes
- ▲ CheckThe title is 79 characters. Google usually cuts titles near 60, so the end may not show in results.
- ▲ CheckThere is no meta description, so search engines will pick text from the page.
- ▲ CheckThere is no og:image, so links shared on social media show no picture.
Questions
Quick answers, from the same capture as the rest of this guide.
Questions
- What font does TechTarget use?
- TechTarget’s website uses two typefaces: Public Sans (headings and body text), self-hosted; Public Sans Bold, self-hosted.
- What are TechTarget’s brand colours?
- The main colours on techtarget.com are Teal (#007268), Light Steel Blue (#95A2B8), Deep Slate Grey (#15312D), Dim Grey (#51617A), Turquoise (#33D7C8) and Fire Brick (#B10000).
- What colour is TechTarget’s text and background?
- Body text is #1F1F24 on a #FFFFFF background.
- Where is TechTarget’s logo from?
- The logo shown in this guide was found on techtarget.com’s homepage. For official logo files and usage rules, check TechTarget’s own brand or press page.
- Is this TechTarget’s official style guide?
- No. SiteStyleGuide made it from techtarget.com’s public web pages on 23 October 2026, and isn’t affiliated with TechTarget. 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
techtarget-com-tokens.css
/* techtarget.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/techtarget.com) */
:root {
/* Colours */
--text: #1F1F24;
--background: #FFFFFF;
--colour-white: #FFFFFF;
--colour-cool-charcoal: #35353A;
--colour-cool-near-black: #1F1F24;
--colour-off-white: #E6E6E9;
--colour-teal: #007268;
--colour-light-steel-blue: #95A2B8;
--colour-deep-slate-grey: #15312D;
--colour-dim-grey: #51617A;
--colour-turquoise: #33D7C8;
--colour-fire-brick: #B10000;
--colour-deep-sky-blue: #00B9D8;
--colour-light-red: #D3420D;
--colour-dark-slate-blue: #283857;
--colour-deep-red: #EA0000;
--colour-light-slate-grey: #015944;
--colour-steel-blue: #2683A3;
--gradient-1: linear-gradient(0deg,#FFF 0,#33D7C8 538.89%);
--gradient-2: linear-gradient(to right,#2683a3 0,#2683a3 1%,#6bbbb8 34%,#2eaf9e 100%);
--gradient-3: linear-gradient(267deg,#003CB2 0,#002D74 32%,#024 100%);
/* Typefaces */
--font-body: 'Public Sans', sans-serif;
--font-buttons: 'Public Sans', sans-serif;
--font-headings: 'Public Sans', sans-serif;
--font-other: 'publicSans', 'Verdana';
/* Type scale */
--text-h1: 2em;
--text-h2: 1.5em;
--text-h3: 1.17em;
--text-h4: 1em;
--text-h5: .83em;
--text-h6: .67em;
--text-body: 15px;
--text-p: 15px;
--leading-p: 1.53em;
--text-small: 80%;
--text-button: 100%;
--leading-button: normal;
--text-a: 14px;
--leading-a: 16px;
/* Shape */
--radius-1: 4px;
--radius-2: 30px;
--radius-3: 2px;
--radius-4: 3px;
--radius-5: 50%;
--radius-6: 18px;
/* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
--breakpoint-1: 400px;
--breakpoint-2: 640px;
--breakpoint-3: 960px;
--breakpoint-4: 1000px;
--breakpoint-5: 1050px;
--breakpoint-6: 1100px;
--breakpoint-7: 1150px;
--breakpoint-8: 1280px;
--max-width-1: 790px;
--max-width-2: 780px;
--max-width-3: 620px;
--max-width-4: 600px;
--max-width-5: 370px;
--max-width-6: 347px;
}
{
"site": "techtarget.com",
"source": "https://sitestyleguide.com/techtarget.com",
"text": "#1F1F24",
"background": "#FFFFFF",
"colours": [
{
"name": "White",
"hex": "#FFFFFF",
"rgb": [
255,
255,
255
]
},
{
"name": "Cool Charcoal",
"hex": "#35353A",
"rgb": [
53,
53,
58
]
},
{
"name": "Cool Near Black",
"hex": "#1F1F24",
"rgb": [
31,
31,
36
]
},
{
"name": "Off White",
"hex": "#E6E6E9",
"rgb": [
230,
230,
233
]
},
{
"name": "Teal",
"hex": "#007268",
"rgb": [
0,
114,
104
]
},
{
"name": "Light Steel Blue",
"hex": "#95A2B8",
"rgb": [
149,
162,
184
]
},
{
"name": "Deep Slate Grey",
"hex": "#15312D",
"rgb": [
21,
49,
45
]
},
{
"name": "Dim Grey",
"hex": "#51617A",
"rgb": [
81,
97,
122
]
},
{
"name": "Turquoise",
"hex": "#33D7C8",
"rgb": [
51,
215,
200
]
},
{
"name": "Fire Brick",
"hex": "#B10000",
"rgb": [
177,
0,
0
]
},
{
"name": "Deep Sky Blue",
"hex": "#00B9D8",
"rgb": [
0,
185,
216
]
},
{
"name": "Light Red",
"hex": "#D3420D",
"rgb": [
211,
66,
13
]
},
{
"name": "Dark Slate Blue",
"hex": "#283857",
"rgb": [
40,
56,
87
]
},
{
"name": "Deep Red",
"hex": "#EA0000",
"rgb": [
234,
0,
0
]
},
{
"name": "Light Slate Grey",
"hex": "#015944",
"rgb": [
1,
89,
68
]
},
{
"name": "Steel Blue",
"hex": "#2683A3",
"rgb": [
38,
131,
163
]
}
],
"fonts": [
{
"name": "Public Sans",
"stack": "Public Sans, sans-serif",
"weights": [
400
],
"source": "Self-hosted"
},
{
"name": "Public Sans Bold",
"stack": "\"Public Sans Bold\", sans-serif",
"weights": [
400
],
"source": "Self-hosted"
},
{
"name": "publicSans",
"stack": "publicSans, Verdana",
"weights": [],
"source": "System font, or not loaded on this page"
}
]
}
Share
Links open each service’s own share page. Nothing from them loads here.
Share
Run techtarget.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/techtarget.com" title="TechTarget 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 Public Sans
Other websites using Public Sans as their main typefaceSimilar colours
Websites whose lead colour is closest to TechTarget’s
LifeHack
lifehack.org · 5 days ago
Save
Presseportal.de
presseportal.de · 19 hours ago
Save
Rock Paper Shotgun
rockpapershotgun.com · 2 days ago
Save
The Denver Post
denverpost.com · 4 days ago
Save
Captured from techtarget.com on 23 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by TechTarget; this guide describes the public website for reference.