SiteStyleGuide

Unofficial A style guide made by SiteStyleGuide from burkeairport.com’s public web pages. Not affiliated with or endorsed by Burke Lakefront Airport. The real site is burkeairport.com ↗

Burke Lakefront Airport logo

Unofficial style guide

Burke Lakefront Airportstyle guide

Burke Lakefront Airport’s website (burkeairport.com) sets its headings in open_sansbold and its body text in open_sanssemibold. Its palette is led by Light Royal Blue (#005FC5), Deep Royal Blue (#004FB5) and Lime Green (#70BF44), with #6B6B6B text on #FFFFFF. Captured from the live site on 27 October 2026.

Typefaces
open_sansbold, open_sanslight, open_sanssemibold
Palette
4 neutrals, 12 colours, 3 gradients
Captured
27 Oct 2026 · added by @arnaldoljimenez
https://burkeairport.com/ Screenshot
Screenshot of the burkeairport.com homepage on a desktop screen
Screenshot of burkeairport.com on a 1440 px desktop screen, 27 Oct 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
Premier Business Airport in Cleveland | Burke Lakefront Airport
▲ 63 / 60 characters
Meta description
Burke Lakefront Airport provides air travel for businesses and executives. Learn why Burke Lakefront is the region's premier business airport.
● 142 / 160 characters
Site name
Premier Business Airport in Cleveland | Burke Lakefront Airport
og:title
Premier Business Airport in Cleveland | Burke Lakefront Airport
og:description
Burke Lakefront Airport provides air travel for businesses and executives. Learn why Burke Lakefront is the region's premier business airport.
Language
en

In search results

Premier Business Airport in Cleveland | Burke Lakefront Airporthttps://burkeairport.com/

Premier Business Airport in Cleveland | Burke Lakefront Airpo…

Burke Lakefront Airport provides air travel for businesses and executives. Learn why Burke Lakefront is the region's premier business airport.

When shared

No og:image, so no picture

burkeairport.com

Premier Business Airport in Cleveland | Burke Lakefront Airport

Burke Lakefront Airport provides air travel for businesses and executives. Learn why Burke Lakefront is the r…

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 (#6B6B6B) 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.1%
  • Warm Near Black 15%
  • Light Royal Blue 14%
  • Warm Charcoal 12.2%
  • Dark Grey 10%
  • Deep Royal Blue 8.6%
  • Lime Green 3.5%
  • Sandy Brown 2.1%
  • Light Sea Green 1.5%
  • Tomato 1.3%
  • Ivory 1.3%
  • Red 0.8%
  • Steel Blue 0.6%
  • Light Yellow 0.6%
  • Lemon Chiffon 0.6%
  • Slate Grey 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
    5.33:1 AA
    On white
    —

    Text, background, border · header[role="banner"] #main-nav .site-nav ul li ul li, html

  • Warm Near Black

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 19 19 89
    On text
    3.36:1 AA large
    On white
    17.90:1 AAA

    Background, border · a.button, a.button:hover

  • Warm Charcoal

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 20 39 79
    On text
    2.59:1 Fail
    On white
    13.78:1 AAA

    Background · a.button, a.button:hover

  • Dark Grey

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 0 58
    On text
    —
    On white
    5.33:1 AA

    Text, border · .tier-two-page .content-container .body h1, .tier-two-page .content-container .body h2

Colours

Brand colours and accents, most used first
  • Light Royal Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    100 52 0 23
    On text
    1.14:1 Fail
    On white
    6.10:1 AA

    Background, text, border · header[role="banner"] .cle-brand, header[role="banner"]

  • Deep Royal Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    100 56 0 29
    On text
    1.41:1 Fail
    On white
    7.54:1 AAA

    Background · header[role="banner"] .cle-brand, header[role="banner"]

  • Lime Green

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    41 0 64 25
    On text
    2.34:1 Fail
    On white
    2.28:1 Fail

    Text, background · .tier-two-page .tier-two-children .tier-three-teaser a.media-title-link:hover, .page-search section[role="main"] .search-results h3 a:hover

  • Sandy Brown

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 36 62 10
    On text
    2.18:1 Fail
    On white
    2.45:1 Fail

    Background, text · .tier-two-page .sidebar aside .orange-sidebar, .home-sub-content .news-espots .e-spot.events

  • Light Sea Green

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    88 0 4 33
    On text
    1.90:1 Fail
    On white
    2.81:1 Fail

    Background · .home-sub-content .shop-dine-relax-espots .e-spot.dining, .home-sub-content .news-espots .e-spot.airlines

  • Tomato

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 56 63 11
    On text
    1.60:1 Fail
    On white
    3.34:1 AA large

    Background · .home-sub-content .shop-dine-relax-espots .e-spot.artwork, .home-sub-content .news-espots .e-spot.updates

  • Ivory

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 8 0
    On text
    5.26:1 AA
    On white
    1.01:1 Fail

    Background · .comment-preview, .preview .node

  • Red

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 100 100 0
    On text
    1.33:1 Fail
    On white
    4.00:1 AA large

    Text, border · .ctools-locked, .marker

  • Steel Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    100 38 0 27
    On text
    1.04:1 Fail
    On white
    5.11:1 AA

    Background · #autocomplete li.selected, .progress .filled

  • Light Yellow

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 13 0
    On text
    5.23:1 AA
    On white
    1.02:1 Fail

    Background · tr.drag-previous, .ctools-owns-lock

  • Lemon Chiffon

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 20 0
    On text
    5.18:1 AA
    On white
    1.03:1 Fail

    Background · tr.selected td, td.revision-current

  • Slate Grey

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    23 13 0 50
    On text
    1.04:1 Fail
    On white
    5.10:1 AA

    Text · footer[role="footer"] .footer-utility-bar .utility-widgets nav a

Gradients

  • linear-gradient(top,#1b1616,#362b21)

  • linear-gradient(top,#005fc5,#004fb5)

  • linear-gradient(top,#362b21,#1b1616)

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.

open_sansbold

Aa 100 Aa 400

open_sansbold

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

Aa 100 Aa 400

open_sanslight

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

Aa 100 Aa 400

open_sanssemibold

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

Aa 100 Aa 400

open_sansregular

Self-hosted · weights 100, 400 · body · 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 weight 100 · open_sanslight

Burke Lakefront Airport

Heading 2 2em · 32 px weight 100 · open_sanslight

Premier Business Airport in Cleveland | Burke L…

Heading 3 1.25em · 20 px weight 100 · open_sanssemibold

Premier Business Airport in Cleveland | Burke L…

Heading 4 1.2em · 19 px weight 100 · open_sansbold

Premier Business Airport in Cleveland | Burke L…

Heading 5 1.2em · 19 px weight 100 · open_sansbold

Premier Business Airport in Cleveland | Burke L…

Body 12px weight 100 · open_sansregular

Burke Lakefront Airport provides air travel for businesses and executives. Learn why Burke Lakefront is the region's premier business airpo…

Paragraph 1em · 16 px weight 100 · open_sanssemibold

Burke Lakefront Airport provides air travel for businesses and executives. Learn why Burke Lakefront is the region's premier business airpo…

Small 85%

Burke Lakefront Airport provides air travel for businesses and executives. Learn why Burke Lakefront is the region's premier business airpo…

Button 100% / normal

Get started

Link 1em · 16 px / 1.75em weight 100 · none · open_sansregular

Read more about Burke Lakefront Airport

Sizes in use

Most common across the site
  • 60pxline 1em · 2 rules
  • 32px7 rules
  • 29px2 rules
  • 24px7 rules
  • 19pxline 1em · 5 rules
  • 18px3 rules
  • 16pxline 34px · 8 rules
  • 14px6 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

a.button · #1B1616 · radius 15px

Link

Read our latest news today.

a · #0000EE

Corner radius

  • 15px · 10×
  • 8px · 8×
  • 8px 8px 0 0 · 6×
  • 3px · 1×
  • 0 0 8px 8px · 1×
  • 50% · 1×

Shadows

  • 1px 1px 5px rgba(0,0,0,0.3)
  • 0px 0px 5px rgba(0,0,0,0.25)
  • 5px 5px 8px rgba(0,0,0,0.25)
  • 0 0 7px #000

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

300
500
715
768
900
1024
1027
1070

On a scale of 0 to 1440 px.

Content widths (max-width)

1110 px
560 px
400 px
336 px
300 px

Back to top ↑

Notes

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

Notes

  • ▲ CheckThe title is 63 characters. Google usually cuts titles near 60, so the end may not show in results.

Back to top ↑

Questions

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

Questions

What font does Burke Lakefront Airport use?
Burke Lakefront Airport’s website uses four typefaces: open_sansbold (headings), self-hosted; open_sanslight, self-hosted; open_sanssemibold (body text), self-hosted; open_sansregular, self-hosted.
What are Burke Lakefront Airport’s brand colours?
The main colours on burkeairport.com are Light Royal Blue (#005FC5), Deep Royal Blue (#004FB5), Lime Green (#70BF44), Sandy Brown (#E59256), Light Sea Green (#15ACA5) and Tomato (#E46554).
What colour is Burke Lakefront Airport’s text and background?
Body text is #6B6B6B on a #FFFFFF background.
Where is Burke Lakefront Airport’s logo from?
The logo shown in this guide was found on burkeairport.com’s homepage. For official logo files and usage rules, check Burke Lakefront Airport’s own brand or press page.
Is this Burke Lakefront Airport’s official style guide?
No. SiteStyleGuide made it from burkeairport.com’s public web pages on 27 October 2026, and isn’t affiliated with Burke Lakefront Airport. 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

burkeairport-com-tokens.css

Download

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

/* burkeairport.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/burkeairport.com) */
:root {
  /* Colours */
  --text: #6B6B6B;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-warm-near-black: #1B1616;
  --colour-warm-charcoal: #362B21;
  --colour-dark-grey: #6B6B6B;
  --colour-light-royal-blue: #005FC5;
  --colour-deep-royal-blue: #004FB5;
  --colour-lime-green: #70BF44;
  --colour-sandy-brown: #E59256;
  --colour-light-sea-green: #15ACA5;
  --colour-tomato: #E46554;
  --colour-ivory: #FFFFEA;
  --colour-red: #FF0000;
  --colour-steel-blue: #0072B9;
  --colour-light-yellow: #FFFFDD;
  --colour-lemon-chiffon: #FFFFCC;
  --colour-slate-grey: #636F80;
  --gradient-1: linear-gradient(top,#1b1616,#362b21);
  --gradient-2: linear-gradient(top,#005fc5,#004fb5);
  --gradient-3: linear-gradient(top,#362b21,#1b1616);

  /* Typefaces */
  --font-headings: 'open_sansbold', sans-serif;
  --font-buttons: 'open_sansbold', sans-serif;
  --font-body: 'open_sanssemibold', sans-serif;

  /* Type scale */
  --text-h1: 2em;
  --text-h2: 2em;
  --text-h3: 1.25em;
  --text-h4: 1.2em;
  --text-h5: 1.2em;
  --text-body: 12px;
  --text-p: 1em;
  --text-small: 85%;
  --text-button: 100%;
  --leading-button: normal;
  --text-a: 1em;
  --leading-a: 1.75em;

  /* Shape */
  --radius-1: 15px;
  --radius-2: 8px;
  --radius-3: 8px 8px 0 0;
  --radius-4: 3px;
  --radius-5: 0 0 8px 8px;
  --radius-6: 50%;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 300px;
  --breakpoint-2: 500px;
  --breakpoint-3: 715px;
  --breakpoint-4: 768px;
  --breakpoint-5: 900px;
  --breakpoint-6: 1024px;
  --breakpoint-7: 1027px;
  --breakpoint-8: 1070px;
  --max-width-1: 1110px;
  --max-width-2: 560px;
  --max-width-3: 400px;
  --max-width-4: 336px;
  --max-width-5: 300px;
}

Back to top ↑

Share

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

Share

Run burkeairport.com?

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/burkeairport.com" title="Burke Lakefront Airport 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 ↑

Other websites using open_sansbold as their main typeface
Websites whose lead colour is closest to Burke Lakefront Airport’s

Captured from burkeairport.com on 27 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Burke Lakefront Airport; this guide describes the public website for reference.