SiteStyleGuide

Unofficial A style guide made by SiteStyleGuide from ticketportal.cz’s public web pages. Not affiliated with or endorsed by ticketportal.cz. The real site is ticketportal.cz ↗

ticketportal.cz logo

Unofficial style guide

ticketportal.czstyle guide

ticketportal.cz’s website (ticketportal.cz) uses RobotoCondensed-Light for its headings and body text. Its palette is led by Dodger Blue (#2196F3), Light Slate Blue (#335295) and Deep Slate Blue (#17347F), with #162230 text on #D8D8D8. Captured from the live site on 2 November 2026.

Typefaces
RobotoCondensed-Light, Roboto, RobotoCondensed-Bold
Palette
4 neutrals, 12 colours, 3 gradients
Captured
2 Nov 2026 · added by @sitestyleguide
https://www.ticketportal.cz/ Screenshot
Screenshot of the ticketportal.cz homepage on a desktop screen
Screenshot of ticketportal.cz on a 1440 px desktop screen, 2 Nov 2026.

Identity & metadata

What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.

Title &
description

Page title
Ticketportal – Zážitky, které stojí za to
● 41 / 60 characters
Meta description
Objevte nejlepší koncerty, výstavy, divadla i sport na jednom místě.
● 68 / 160 characters
Site name
ticketportal.cz
og:title
Ticketportal – Zážitky, které stojí za to
og:description
Objevte nejlepší koncerty, výstavy, divadla i sport na jednom místě.
Language
cz
Theme colour
#000000

In search results

ticketportal.czhttps://www.ticketportal.cz/

Ticketportal – Zážitky, které stojí za to

Objevte nejlepší koncerty, výstavy, divadla i sport na jednom místě.

When shared

The image ticketportal.cz shares with links

ticketportal.cz

Ticketportal – Zážitky, které stojí za to

Objevte nejlepší koncerty, výstavy, divadla i sport na jednom místě.

Back to top ↑

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 (#162230) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used
  • White 49.1%
  • Dodger Blue 7.5%
  • Light Off White 7.2%
  • Black 6.3%
  • Light Slate Blue 5.3%
  • Deep Off White 4.3%
  • Deep Slate Blue 3.6%
  • Lime Green 2.6%
  • Royal Blue 2.4%
  • Slate Blue 2.2%
  • Tomato 2.1%
  • Black 1.9%
  • Gold 1.5%
  • Golden Rod 1.4%
  • Slate Blue 1.4%
  • Coral 1.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
  • White

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 0 0
    On text
    16.08:1 AAA
    On white
    —

    Text, background, border · .navigacia-selling-places .navigacia-selling-places-menu .overenie .btn-overenie, .content-navbar-filter .navbar-filter .home_navs_filter_container #li_datum .btn

  • Light Off White

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    3 1 0 4
    On text
    14.26:1 AAA
    On white
    1.13:1 Fail

    Background, border, text · .merchandise-2 .panel-merchandise .box2 .box3 .product-summary .btn-link, .event-merchandise .panel-merchandise .box2 .box3 .product-summary .btn-link

  • Black

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 0 100
    On text
    1.31:1 Fail
    On white
    21.00:1 AAA

    Text, background, border · .kosik .panel-kosik.detail-nakupu .tabless.sluzba .tr7-col24-sluzba .tr1>.td, .panel.panel-transparent>.panel-heading .badge

  • Deep Off White

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 0 13
    On text
    11.84:1 AAA
    On white
    1.36:1 Fail

    Background, border, text · body, .content-detail-event-3 .detail-content .vstupenky .nastavDen .btn-setDay:active

Colours

Brand colours and accents, most used first
  • Dodger Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    86 38 0 5
    On text
    5.15:1 AA
    On white
    3.12:1 AA large

    Text, background, border · .content-detail-event-3 .detail-content h1 a, .modalHladajFilterMobile .modal-dialog .modal-content .modal-body-calendar .flex

  • Light Slate Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    66 45 0 42
    On text
    2.13:1 Fail
    On white
    7.55:1 AAA

    Text, background, border · .btn-facebook, .content-detail-event-3 .detail-content h1

  • Deep Slate Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    82 59 0 50
    On text
    1.40:1 Fail
    On white
    11.45:1 AAA

    Background, text, border · .navigacia-main .navigacia-main-menu .co-kde-kedy .btn-co-kde-kedy, .panel-primary>.panel-heading

  • Lime Green

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    77 0 69 20
    On text
    7.53:1 AAA
    On white
    2.14:1 Fail

    Background, text, border · .ribbon-green:before, .btn-navigacia

  • Royal Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    100 44 0 32
    On text
    2.57:1 Fail
    On white
    6.25:1 AA

    Text, background, border · .articles-box .article-type1 h3 small, .content-detail-event-3 .group-title h4

  • Slate Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    71 48 0 49
    On text
    1.69:1 Fail
    On white
    9.51:1 AAA

    Background, text, border · .tp-mobile-sheet__title-badge, .modalVyberPocetMiest .pocet-vstupeniek h4

  • Tomato

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 75 79 0
    On text
    4.64:1 AA
    On white
    3.46:1 AA large

    Background, text, border · .navigacia-selling-places .navigacia-selling-places-menu .overenie .btn-overenie, .btn-clear-danger

  • Black

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    54 29 0 81
    On text
    —
    On white
    16.08:1 AAA

    Text, background · body, html

  • Gold

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 14 100 5
    On text
    10.67:1 AAA
    On white
    1.51:1 Fail

    Background, text, border · .content-page-header-title .filter-subkategorie label.active, .content-navbar-filter .navbar-filter .nav1 li.active a

  • Golden Rod

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 24 78 3
    On text
    9.28:1 AAA
    On white
    1.73:1 Fail

    Background, text, border · .ribbon-yellow:before, .modalVyberPocetMiest .pocet-vstupeniek .btn.active

  • Slate Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    55 28 0 62
    On text
    1.67:1 Fail
    On white
    9.61:1 AAA

    Background, text · .content-navbar-filter .navbar-filter .home_navs_filter_container .bootstrap-sel, .content-navbar-filter .navbar-filter .home_navs_filter_container #li_datum .btn

  • Coral

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 53 86 2
    On text
    5.82:1 AA
    On white
    2.76:1 Fail

    Background, text, border · .btn-buy, .btn-odnoklassniki

Gradients

  • linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)

  • linear-gradient(#1a2127,#2c2f30 25%,#414445)

  • linear-gradient(45deg,rgba(224,62,0,0) 0%,rgba(224,62,0,0) 49.9%,#e03e00 50%,#e03e00 74.9%,rgba(224,62,0,0) 75%,rgba(224,62,0,0) 100%)

Dark mode

Switched on by the site
  • Off White

    #F0F0F0

  • Near Black

    #1E1E1E

  • Off White

    #DDDDDD

  • Dodger Blue

    #3498DB

Back to top ↑

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.

RobotoCondensed-Light

Aa 400 Aa 700

RobotoCondensed-Light

Self-hosted · weights 400, 500, 700 · headings, body · shown in a stand-in if you don’t have it

Aa 500 Aa 700

Roboto

System font, or not loaded on this page · weights 500, 600, 700 · headings, buttons · shown in a stand-in if you don’t have it

Aa 400 Aa 700

RobotoCondensed-Bold

Self-hosted · weights 400, 700 · headings · shown in a stand-in if you don’t have it

Aa 400

RobotoCondensed-Regular

Self-hosted · weights 400 · headings · shown in a stand-in if you don’t have it

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Type scale

From the site’s CSS
Heading 1 41px / 1.1 weight 500 · RobotoCondensed-Light

ticketportal.cz

Heading 2 34px / 1.1 weight 500 · RobotoCondensed-Light

Ticketportal – Zážitky, které stojí za to

Heading 3 27px / 1.1 weight 500 · RobotoCondensed-Light

Ticketportal – Zážitky, které stojí za to

Heading 4 20px / 1.1 weight 500 · RobotoCondensed-Light

Ticketportal – Zážitky, které stojí za to

Heading 5 16px / 1.1 weight 500 · RobotoCondensed-Light

Ticketportal – Zážitky, které stojí za to

Heading 6 13px / 1.1 weight 500 · RobotoCondensed-Light

Ticketportal – Zážitky, které stojí za to

Body 16px / 1.42857143 RobotoCondensed-Light

Objevte nejlepší koncerty, výstavy, divadla i sport na jednom místě.

Paragraph 18px / 1.8rem weight 700 · uppercase · Arial

Objevte nejlepší koncerty, výstavy, divadla i sport na jednom místě.

Small 87%

Objevte nejlepší koncerty, výstavy, divadla i sport na jednom místě.

Button 16px weight 700 · uppercase

Get started

Link 14px / 25px weight 400 · Roboto

Read more about ticketportal.cz

Sizes in use

Most common across the site
  • 24pxline 1.33 · 32 rules
  • 22pxline 31px · 25 rules
  • 20pxline 1.33 · 51 rules
  • 19pxline 48px · 18 rules
  • 18pxline 1.4 · 46 rules
  • 16pxline 0 · 83 rules
  • 14pxline 1.5 · 55 rules
  • 12pxline 2em · 35 rules

Back to top ↑

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

.namape .google-map-fake .btn-showmap · #2CD291 · radius 45px

Link

Read our latest news today.

a · #17347F

Corner radius

  • 50% · 39×
  • 100% · 29×
  • 3px · 19×
  • 20px · 15×
  • 30px · 12×
  • 4px · 12×

Shadows

  • 0 0 0 4px #fff
  • 0 5px 10px rgba(0,0,0,.1)
  • 0 15px 10px #777
  • 0 0 10px 2px rgba(0,0,0,.22)

Back to top ↑

Layout

Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.

Grid

Breakpoints

420
767
768
991
992
1170
1227
1228

On a scale of 0 to 1440 px.

Content widths (max-width)

1208 px
960 px
850 px
740 px
700 px
300 px

Back to top ↑

Notes

Plain checks on what was found. Worth fixing if you look after this site.

Notes

  • ● FineThe title is 41 characters, short enough to show in full in search results.

Back to top ↑

Questions

Quick answers, from the same capture as the rest of this guide.

Questions

What font does ticketportal.cz use?
ticketportal.cz’s website uses three typefaces: RobotoCondensed-Light (headings and body text), self-hosted; RobotoCondensed-Bold, self-hosted; RobotoCondensed-Regular, self-hosted.
What are ticketportal.cz’s brand colours?
The main colours on ticketportal.cz are Dodger Blue (#2196F3), Light Slate Blue (#335295), Deep Slate Blue (#17347F), Lime Green (#2ECC40), Royal Blue (#0062AE) and Slate Blue (#264382).
What colour is ticketportal.cz’s text and background?
Body text is #162230 on a #D8D8D8 background.
Where is ticketportal.cz’s logo from?
The logo shown in this guide was found on ticketportal.cz’s homepage. For official logo files and usage rules, check ticketportal.cz’s own brand or press page.
Is this ticketportal.cz’s official style guide?
No. SiteStyleGuide made it from ticketportal.cz’s public web pages on 2 November 2026, and isn’t affiliated with ticketportal.cz. Members can refresh a guide after 90 days to pick up changes.

Back to top ↑

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

ticketportal-cz-tokens.css

Download

Free with an account: sign up or sign in, and you’ll come straight back here.

/* ticketportal.cz design tokens, from SiteStyleGuide (https://sitestyleguide.com/ticketportal.cz) */
:root {
  /* Colours */
  --text: #162230;
  --background: #D8D8D8;
  --colour-white: #FFFFFF;
  --colour-light-off-white: #EDF2F5;
  --colour-black: #000000;
  --colour-deep-off-white: #DDDDDD;
  --colour-dodger-blue: #2196F3;
  --colour-light-slate-blue: #335295;
  --colour-deep-slate-blue: #17347F;
  --colour-lime-green: #2ECC40;
  --colour-royal-blue: #0062AE;
  --colour-slate-blue: #264382;
  --colour-tomato: #FF4136;
  --colour-black-2: #162230;
  --colour-gold: #F3D100;
  --colour-golden-rod: #F7BB37;
  --colour-slate-blue-2: #2C4762;
  --colour-coral: #F97522;
  --gradient-1: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  --gradient-2: linear-gradient(#1a2127,#2c2f30 25%,#414445);
  --gradient-3: linear-gradient(45deg,rgba(224,62,0,0) 0%,rgba(224,62,0,0) 49.9%,#e03e00 50%,#e03e00 74.9%,rgba(224,62,0,0) 75%,rgba(224,62,0,0) 100%);

  /* Typefaces */
  --font-headings: 'RobotoCondensed-Light', 'RobotoCondensed-Regular', 'Arial', 'Helvetica', sans-serif;
  --font-body: 'RobotoCondensed-Light', 'RobotoCondensed-Regular', 'Arial', 'Helvetica', sans-serif;
  --font-buttons: 'Roboto', sans-serif;

  /* Type scale */
  --text-h1: 41px;
  --leading-h1: 1.1;
  --text-h2: 34px;
  --leading-h2: 1.1;
  --text-h3: 27px;
  --leading-h3: 1.1;
  --text-h4: 20px;
  --leading-h4: 1.1;
  --text-h5: 16px;
  --leading-h5: 1.1;
  --text-h6: 13px;
  --leading-h6: 1.1;
  --text-body: 16px;
  --leading-body: 1.42857143;
  --text-p: 18px;
  --leading-p: 1.8rem;
  --text-small: 87%;
  --text-button: 16px;
  --text-a: 14px;
  --leading-a: 25px;

  /* Shape */
  --radius-1: 50%;
  --radius-2: 100%;
  --radius-3: 3px;
  --radius-4: 20px;
  --radius-5: 30px;
  --radius-6: 4px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 420px;
  --breakpoint-2: 767px;
  --breakpoint-3: 768px;
  --breakpoint-4: 991px;
  --breakpoint-5: 992px;
  --breakpoint-6: 1170px;
  --breakpoint-7: 1227px;
  --breakpoint-8: 1228px;
  --max-width-1: 1208px;
  --max-width-2: 960px;
  --max-width-3: 850px;
  --max-width-4: 740px;
  --max-width-5: 700px;
  --max-width-6: 300px;
}

Back to top ↑

Share

Links open each service’s own share page. Nothing from them loads here.

Share

Run ticketportal.cz?

Add the badge to your site

Link to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.

View our style guide on SiteStyleGuide
<a href="https://sitestyleguide.com/ticketportal.cz" title="ticketportal.cz style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>

Back to top ↑

Websites whose lead colour is closest to ticketportal.cz’s

Captured from ticketportal.cz on 2 November 2026. SiteStyleGuide isn’t affiliated with or endorsed by ticketportal.cz; this guide describes the public website for reference.