Presseportal.de
presseportal.de · set in Helvetica
SaveUnofficial A style guide made by SiteStyleGuide from trklnks.com’s public web pages. Not affiliated with or endorsed by trklnks.com. The real site is trklnks.com ↗
Unofficial style guide
trklnks.comstyle guide
trklnks.com’s website (trklnks.com) sets its headings in Arial and its body text in Helvetica. Its palette is led by Midnight Blue (#0F1D3A), Deep Slate Blue (#034AF3) and Light Slate Blue (#505ABC), with #696969 text on #0F1D3A. Captured from the live site on 5 November 2026.
- Website
- trklnks.com
- Typefaces
- Helvetica, Arial
- Palette
- 2 neutrals, 3 colours
- Captured
- 5 Nov 2026 · added by @sitestyleguide
https://trklnks.com/
Screenshot
trklnks.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
- iw301-cus 2026.11.2.100
- ● 23 / 60 characters
- Meta description
- Missing
- ▲ 0 / 160 characters
- Language
- en
In search results
trklnks.comhttps://trklnks.com/
iw301-cus 2026.11.2.100
When shared
No og:image, so no picture
trklnks.com
iw301-cus 2026.11.2.100
Logo & favicons
No logo could be found on the homepage.
Logo
Favicons
1 found-
iw301-cus 2026.11.2.100
Light browser tab
iw301-cus 2026.11.2.100
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 (#696969) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.
Colour
Balance
How much each colour is used- Dark Grey 44.2%
- Midnight Blue 31.6%
- Deep Slate Blue 12.6%
- Light Slate Blue 6.3%
- Cool Light Grey 5.3%
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-
Dark Grey
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 0 0 0 59
- On text
- —
- On white
- 5.49:1 AA
Text · body, h1
-
Cool Light Grey
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 10 8 0 13
- On text
- 3.44:1 AA large
- On white
- 1.60:1 Fail
Text · inline style on <span>
Colours
Brand colours and accents, most used first-
Midnight Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 74 50 0 77
- On text
- 3.04:1 AA large
- On white
- 16.70:1 AAA
Background · body
-
Deep Slate Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 99 70 0 5
- On text
- 1.17:1 Fail
- On white
- 6.41:1 AA
Text · a:link
-
Light Slate Blue
- HEX
- RGB
- HSL
- OKLCH
- CMYK
- 57 52 0 26
- On text
- 1.08:1 Fail
- On white
- 5.95:1 AA
Text · a:visited
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.
Arial
Aa
400
Helvetica
System font, or not loaded on this page · body · shown in a stand-in if you don’t have it
Aa
400
Arial
System font, or not loaded on this page · headings · shown in a stand-in if you don’t have it
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”
Type scale
From the site’s CSS
Body
12px
uppercase · Helvetica
The quick brown fox jumps over the lazy dog.
Sizes in use
Most common across the site- 16px1 rules
- 12px1 rules
Elements
The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.
Elements
Link
Read our latest news today.
a · #034AF3
Layout
Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.
Grid
No breakpoints or content widths could be read.
Notes
Plain checks on what was found. Worth fixing if you look after this site.
Notes
- ● FineThe title is 23 characters, short enough to show in full in search 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.
- ▲ CheckBody text (#696969 on #0F1D3A) has a contrast of 3.04:1, under the 4.5:1 WCAG asks for.
Questions
Quick answers, from the same capture as the rest of this guide.
Questions
- What font does trklnks.com use?
- trklnks.com’s website uses two typefaces: Helvetica (body text), a system font; Arial (headings), a system font.
- What are trklnks.com’s brand colours?
- The main colours on trklnks.com are Midnight Blue (#0F1D3A), Deep Slate Blue (#034AF3), Light Slate Blue (#505ABC), Dark Grey (#696969) and Cool Light Grey (#C8CCDE).
- What colour is trklnks.com’s text and background?
- Body text is #696969 on a #0F1D3A background.
- Is this trklnks.com’s official style guide?
- No. SiteStyleGuide made it from trklnks.com’s public web pages on 5 November 2026, and isn’t affiliated with trklnks.com. 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
trklnks-com-tokens.css
/* trklnks.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/trklnks.com) */
:root {
/* Colours */
--text: #696969;
--background: #0F1D3A;
--colour-dark-grey: #696969;
--colour-cool-light-grey: #C8CCDE;
--colour-midnight-blue: #0F1D3A;
--colour-deep-slate-blue: #034AF3;
--colour-light-slate-blue: #505ABC;
/* Typefaces */
--font-body: 'Helvetica', 'Arial', 'Verdana', 'Helvetica', sans-serif;
--font-headings: 'Arial', 'Helvetica', sans-serif;
/* Type scale */
--text-body: 12px;
}
{
"site": "trklnks.com",
"source": "https://sitestyleguide.com/trklnks.com",
"text": "#696969",
"background": "#0F1D3A",
"colours": [
{
"name": "Dark Grey",
"hex": "#696969",
"rgb": [
105,
105,
105
]
},
{
"name": "Cool Light Grey",
"hex": "#C8CCDE",
"rgb": [
200,
204,
222
]
},
{
"name": "Midnight Blue",
"hex": "#0F1D3A",
"rgb": [
15,
29,
58
]
},
{
"name": "Deep Slate Blue",
"hex": "#034AF3",
"rgb": [
3,
74,
243
]
},
{
"name": "Light Slate Blue",
"hex": "#505ABC",
"rgb": [
80,
90,
188
]
}
],
"fonts": [
{
"name": "Helvetica",
"stack": "Helvetica, Arial, Verdana, Helvetica, Sans-Serif",
"weights": [],
"source": "System font, or not loaded on this page"
},
{
"name": "Arial",
"stack": "Arial, Helvetica, sans-serif",
"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 trklnks.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/trklnks.com" title="trklnks.com 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 Helvetica
Other websites using Helvetica as their main typeface
fidelity.com
fidelity.com · set in Helvetica
Save
myntra.com
myntra.com · set in Helvetica
Save
canada.ca
canada.ca · set in Helvetica
Save
Similar colours
Websites whose lead colour is closest to trklnks.com’s
Captured from trklnks.com on 5 November 2026. SiteStyleGuide isn’t affiliated with or endorsed by trklnks.com; this guide describes the public website for reference.