What font does Liv Hospital use?

Liv Hospital’s website uses one typeface: Exo (headings and body text), google Fonts.

What are Liv Hospital’s brand colours?

The main colours on livhospital.com are Steel Blue (#057DAB), Dim Grey (#5F6273), Steel Blue (#1E8AB3), Light Royal Blue (#1B6EC2), Coral (#F37B54) and Steel Blue (#058DAB).

What colour is Liv Hospital’s text and background?

Body text is #4A4C59 on a #FFFFFF background.

Where is Liv Hospital’s logo from?

The logo shown in this guide was found on livhospital.com’s homepage. For official logo files and usage rules, check Liv Hospital’s own brand or press page.

Is this Liv Hospital’s official style guide?

No. SiteStyleGuide made it from livhospital.com’s public web pages on 29 October 2026, and isn’t affiliated with Liv Hospital. Members can refresh a guide after 90 days to pick up changes.

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

Unofficial style guide

Liv Hospitalstyle guide

Liv Hospital’s website (livhospital.com) uses Exo for its headings and body text. Its palette is led by Steel Blue (#057DAB), Dim Grey (#5F6273) and Steel Blue (#1E8AB3), with #4A4C59 text on #FFFFFF. Captured from the live site on 29 October 2026.

Website: livhospital.com
Typefaces: Exo
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 29 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the livhospital.com homepage on a desktop screen — Screenshot of livhospital.com on a 1440 px desktop screen, 29 Oct 2026.

Screenshot of the livhospital.com homepage on a phone — On a phone, 390 px.

Identity & metadata

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

Title &
description

Page title: Liv Hospital - Sağlığın Geleceği; ● 32 / 60 characters
Meta description: Her geçen gün daha da büyüyerek gelişen tıbbi bölümleri, uzman hekimleri ve medikal teknolojileri ile Liv Hospital' da tedavi, huzurla başlıyor; ● 143 / 160 characters
Site name: Liv Hospital - Future of Healthcare
og:title: Liv Hospital - Sağlığın Geleceği
og:description: Her geçen gün daha da büyüyerek gelişen tıbbi bölümleri, uzman hekimleri ve medikal teknolojileri ile Liv Hospital' da tedavi, huzurla başlıyor
Language: tr

In search results

Liv Hospital - Future of Healthcarehttps://www.livhospital.com/

Liv Hospital - Sağlığın Geleceği

Her geçen gün daha da büyüyerek gelişen tıbbi bölümleri, uzman hekimleri ve medikal teknolojileri ile Liv Hospital' da tedavi, huzurla başlıyor

When shared

The image Liv Hospital shares with links

livhospital.com

Liv Hospital - Sağlığın Geleceği

Her geçen gün daha da büyüyerek gelişen tıbbi bölümleri, uzman hekimleri ve medikal teknolojileri ile Liv Hos…

Logo & favicons

Found as: image in the header. SVG, 85 × 62.

Logo

On white

On black

On Steel Blue

Favicons

1 found

48 px · ICO icon

Liv Hospital - Sağlığın Geleceği

Light browser tab

Liv Hospital - Sağlığın Geleceği

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

Colour

Balance

How much each colour is used

White 47.9%
Steel Blue 24.2%
Cool Dark Grey 6.6%
Dim Grey 4.3%
Steel Blue 2.3%
Light Royal Blue 2.2%
Light Cool Off White 2.1%
Coral 2.1%
Deep Cool Off White 1.5%
Steel Blue 1.3%
Deep Steel Blue 1.1%
Cadet Blue 1%
Light Steel Blue 0.9%
Light Blue 0.9%
Deep Royal Blue 0.9%
Deep Sky Blue 0.9%

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
8.50:1 AAA

On white
—

Text, background, border · .menu-orta-ok[b-joutx0cpdu], .menu-ok[b-joutx0cpdu]
Cool Dark Grey

HEX

RGB

HSL

OKLCH

CMYK
17 15 0 65

On text
—

On white
8.50:1 AAA

Text · .navbar-collapse.collapse.d-sm-inline-flex.justify-content-between[b-kwnxmpp49x], .nav-link.text-white[b-kwnxmpp49x]
Light Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
7 2 0 0

On text
8.00:1 AAA

On white
1.06:1 Fail

Background · .header-search-results-text:hover[b-kwnxmpp49x], .header-search-results-text:hover
Deep Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
6 4 0 4

On text
7.16:1 AAA

On white
1.19:1 Fail

Border, background · .search-countryCode[b-joutx0cpdu], .header-search-border[b-dfn981xr8h]

Colours

Brand colours and accents, most used first

Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
97 27 0 33

On text
1.83:1 Fail

On white
4.64:1 AA

Text, background, border · .menu-ok[b-joutx0cpdu], .e-randevu-login-info-title[b-joutx0cpdu]
Dim Grey

HEX

RGB

HSL

OKLCH

CMYK
17 15 0 55

On text
1.41:1 Fail

On white
6.03:1 AA

Text · .menu-orta-ok[b-joutx0cpdu], button[b-joutx0cpdu]
Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
83 23 0 30

On text
2.16:1 Fail

On white
3.93:1 AA large

Background · .footer-two[b-kwnxmpp49x], .footer-two[b-cheqtq24hs]
Light Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
86 43 0 24

On text
1.64:1 Fail

On white
5.18:1 AA

Background · .nav-pills .nav-link.active[b-kwnxmpp49x], .nav-pills .nav-link.active[b-cheqtq24hs]
Coral

HEX

RGB

HSL

OKLCH

CMYK
0 49 65 5

On text
3.15:1 AA large

On white
2.70:1 Fail

Background, border · .box5[b-jewnno4ns6], .boxcenter[b-jewnno4ns6]
Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
97 18 0 33

On text
2.19:1 Fail

On white
3.89:1 AA large

Background · .cta-submit-btn, .box2
Deep Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
95 26 0 44

On text
1.39:1 Fail

On white
6.14:1 AA

Background, text · .box4, .box4[b-jewnno4ns6]
Cadet Blue

HEX

RGB

HSL

OKLCH

CMYK
97 6 0 33

On text
2.71:1 Fail

On white
3.14:1 AA large

Background · .box1, .box1[b-jewnno4ns6]
Light Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
71 20 0 26

On text
2.56:1 Fail

On white
3.33:1 AA large

Background · .input-group-text[b-joutx0cpdu], .form-control[b-joutx0cpdu]
Light Blue

HEX

RGB

HSL

OKLCH

CMYK
22 6 0 10

On text
5.63:1 AA

On white
1.51:1 Fail

Text, background · .e-bulten-email-background[b-joutx0cpdu], .e-bulten-email-background[b-dfn981xr8h]
Deep Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
86 44 0 33

On text
1.35:1 Fail

On white
6.28:1 AA

Border · .nav-pills .nav-link.active[b-kwnxmpp49x], .nav-pills .nav-link.active[b-cheqtq24hs]
Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
68 17 0 15

On text
3.56:1 AA large

On white
2.39:1 Fail

Border · #all-hospitals-appointment-detail[b-joutx0cpdu], #all-hospitals[b-joutx0cpdu]

Gradients

linear-gradient(to right, #057dab, #057dab80)
linear-gradient(to bottom, #057dab, #057dab80)
linear-gradient(180deg, rgba(218, 246, 252, 0) 0%, #eefaff 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.

Exo

Aa 300 Aa 700

Exo

Google Fonts · weights 300, 400, 500, 600, 700 · body

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

Type scale

From the site’s CSS

Heading 1 24rem · 384 px / 1.25 weight 500

Liv Hospital

Heading 2 24rem · 384 px / 1.25 weight 500

Liv Hospital - Sağlığın Geleceği

Heading 3 18rem · 288 px / 1.25 weight 500

Liv Hospital - Sağlığın Geleceği

Heading 4 16rem · 256 px / 1.25 weight 500

Liv Hospital - Sağlığın Geleceği

Heading 5 14rem · 224 px / 1.25 weight 500

Liv Hospital - Sağlığın Geleceği

Body — Exo

Her geçen gün daha da büyüyerek gelişen tıbbi bölümleri, uzman hekimleri ve medikal teknolojileri ile Liv Hospital' da tedavi, huzurla başl…

Paragraph 18rem · 288 px / 30rem weight 400

Her geçen gün daha da büyüyerek gelişen tıbbi bölümleri, uzman hekimleri ve medikal teknolojileri ile Liv Hospital' da tedavi, huzurla başl…

Link 16rem · 256 px / 12rem weight 600 · capitalize

Sizes in use

Most common across the site

192pxline 14.4rem · 66 rules
160pxline 13.29rem · 22 rules
24pxline 60px · 2 rules
20pxline 1 · 1 rules
16pxline 1.5 · 4 rules
15px1 rules
14px1 rules
10px2 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

.cta-submit-btn · #058DAB · radius 14rem

Corner radius

8rem · 47×
4rem · 22×
32rem · 17×
6rem · 15×
16rem · 8×
5rem · 8×

Shadows

0px 8px 12px -8px #263cb729
0 8rem 16rem 0 rgba(0, 0, 0, 0.2)
0 32rem 32rem -12rem #1b245924
0px 8rem 12rem -8rem rgba(38, 60, 183, 0.16), 0rem 4rem 16rem -12rem rgba(27, 36, 89, 0.08)

Layout

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

Grid

Breakpoints

576

768

992

On a scale of 0 to 1440 px.

Content widths (max-width)

500 px

Notes

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

Notes

● FineThe title is 32 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 Liv Hospital use?: Liv Hospital’s website uses one typeface: Exo (headings and body text), google Fonts.
What are Liv Hospital’s brand colours?: The main colours on livhospital.com are Steel Blue (#057DAB), Dim Grey (#5F6273), Steel Blue (#1E8AB3), Light Royal Blue (#1B6EC2), Coral (#F37B54) and Steel Blue (#058DAB).
What colour is Liv Hospital’s text and background?: Body text is #4A4C59 on a #FFFFFF background.
Where is Liv Hospital’s logo from?: The logo shown in this guide was found on livhospital.com’s homepage. For official logo files and usage rules, check Liv Hospital’s own brand or press page.
Is this Liv Hospital’s official style guide?: No. SiteStyleGuide made it from livhospital.com’s public web pages on 29 October 2026, and isn’t affiliated with Liv Hospital. 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

livhospital-com-tokens.css

Download

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

/* livhospital.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/livhospital.com) */
:root {
  /* Colours */
  --text: #4A4C59;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-cool-dark-grey: #4A4C59;
  --colour-light-cool-off-white: #EEFAFF;
  --colour-deep-cool-off-white: #E6ECF5;
  --colour-steel-blue: #057DAB;
  --colour-dim-grey: #5F6273;
  --colour-steel-blue-2: #1E8AB3;
  --colour-light-royal-blue: #1B6EC2;
  --colour-coral: #F37B54;
  --colour-steel-blue-3: #058DAB;
  --colour-deep-steel-blue: #07698E;
  --colour-cadet-blue: #05A1AB;
  --colour-light-steel-blue: #3797BC;
  --colour-light-blue: #B4D8E6;
  --colour-deep-royal-blue: #1861AC;
  --colour-deep-sky-blue: #46B4D9;
  --gradient-1: linear-gradient(to right, #057dab, #057dab80);
  --gradient-2: linear-gradient(to bottom, #057dab, #057dab80);
  --gradient-3: linear-gradient(180deg, rgba(218, 246, 252, 0) 0%, #eefaff 100%);

  /* Typefaces */
  --font-body: 'Exo', sans-serif;

  /* Type scale */
  --text-h1: 24rem;
  --leading-h1: 1.25;
  --text-h2: 24rem;
  --leading-h2: 1.25;
  --text-h3: 18rem;
  --leading-h3: 1.25;
  --text-h4: 16rem;
  --leading-h4: 1.25;
  --text-h5: 14rem;
  --leading-h5: 1.25;
  --text-p: 18rem;
  --leading-p: 30rem;
  --text-a: 16rem;
  --leading-a: 12rem;

  /* Shape */
  --radius-1: 8rem;
  --radius-2: 4rem;
  --radius-3: 32rem;
  --radius-4: 6rem;
  --radius-5: 16rem;
  --radius-6: 5rem;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 576px;
  --breakpoint-2: 768px;
  --breakpoint-3: 992px;
  --max-width-1: 500px;
}

{
    "site": "livhospital.com",
    "source": "https://sitestyleguide.com/livhospital.com",
    "text": "#4A4C59",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Cool Dark Grey",
            "hex": "#4A4C59",
            "rgb": [
                74,
                76,
                89
            ]
        },
        {
            "name": "Light Cool Off White",
            "hex": "#EEFAFF",
            "rgb": [
                238,
                250,
                255
            ]
        },
        {
            "name": "Deep Cool Off White",
            "hex": "#E6ECF5",
            "rgb": [
                230,
                236,
                245
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#057DAB",
            "rgb": [
                5,
                125,
                171
            ]
        },
        {
            "name": "Dim Grey",
            "hex": "#5F6273",
            "rgb": [
                95,
                98,
                115
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#1E8AB3",
            "rgb": [
                30,
                138,
                179
            ]
        },
        {
            "name": "Light Royal Blue",
            "hex": "#1B6EC2",
            "rgb": [
                27,
                110,
                194
            ]
        },
        {
            "name": "Coral",
            "hex": "#F37B54",
            "rgb": [
                243,
                123,
                84
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#058DAB",
            "rgb": [
                5,
                141,
                171
            ]
        },
        {
            "name": "Deep Steel Blue",
            "hex": "#07698E",
            "rgb": [
                7,
                105,
                142
            ]
        },
        {
            "name": "Cadet Blue",
            "hex": "#05A1AB",
            "rgb": [
                5,
                161,
                171
            ]
        },
        {
            "name": "Light Steel Blue",
            "hex": "#3797BC",
            "rgb": [
                55,
                151,
                188
            ]
        },
        {
            "name": "Light Blue",
            "hex": "#B4D8E6",
            "rgb": [
                180,
                216,
                230
            ]
        },
        {
            "name": "Deep Royal Blue",
            "hex": "#1861AC",
            "rgb": [
                24,
                97,
                172
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#46B4D9",
            "rgb": [
                70,
                180,
                217
            ]
        }
    ],
    "fonts": [
        {
            "name": "Exo",
            "stack": "\"Exo\", sans-serif",
            "weights": [
                300,
                400,
                500,
                600,
                700
            ],
            "source": "Google Fonts"
        }
    ]
}

Websites whose lead colour is closest to Liv Hospital’s

The Library of Congress

loc.gov · 2 days ago
Save
Fortune

fortune.com · 1 day ago
Save
Discovery

discovery.com · 1 day ago
Save
The New Yorker

newyorker.com · 19 hours ago
Save

Captured from livhospital.com on 29 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Liv Hospital; this guide describes the public website for reference.

Liv Hospitalstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Cool Dark Grey

Light Cool Off White

Deep Cool Off White

Colours

Steel Blue

Dim Grey

Steel Blue

Light Royal Blue

Coral

Steel Blue

Deep Steel Blue

Cadet Blue

Light Steel Blue

Light Blue

Deep Royal Blue

Deep Sky Blue

Gradients

Exo

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run livhospital.com?

Similar colours

The Library of Congress

Fortune

Discovery

The New Yorker

Title &
description