Skip to main content

OLake Branding

Download our official logos, color palette, and media assets.

Logo assetsColor palette

Logos

Logo Assets

Logo with text

The horizontal logo: the OLake mark next to the wordmark.

  • Logo with Text (Blue)

    Logo with Text (Blue)

    The OLake mark and wordmark in brand blue, for light backgrounds.

    SVGWEBP
  • Logo with Text (Black)

    Logo with Text (Black)

    The OLake mark and wordmark in black, for light backgrounds.

    SVGWEBP
  • Logo with Text (White)

    Logo with Text (White)

    The OLake mark and wordmark in white, for dark backgrounds.

    SVGWEBP

Stacked logo

The logo with the text below the mark, for vertical layouts.

  • Logo Above with Text (Blue)

    Logo Above with Text (Blue)

    Primary logo with stacked text for vertical layouts.

    SVGWEBP
  • Logo Above with Text (Black)

    Logo Above with Text (Black)

    Primary logo with stacked text for vertical layouts.

    SVGWEBP
  • Logo Above with Text (White)

    Logo Above with Text (White)

    Primary logo with stacked text for vertical layouts, for dark backgrounds.

    SVGWEBP

Logo mark

The simplified icon-only logo, ideal for favicons and mobile apps.

  • Logo Blue

    Logo Blue

    The icon-only mark in brand blue, for light backgrounds.

    SVGWEBP
  • Logo Black

    Logo Black

    The icon-only mark in black, for light backgrounds.

    SVGWEBP
  • Logo White

    Logo White

    The icon-only mark in white, for dark backgrounds.

    SVGWEBP

Colors

Color Palette

Select a hex value to copy it.

Brand

  • OLake Blue

    The primary brand colour: the logo, primary buttons and links.

    HEX
    RGB
    25, 58, 230
    HSL
    230, 80%, 50%

  • Blue Hover

    Hover and pressed state of OLake Blue.

    HEX
    RGB
    19, 45, 179
    HSL
    230, 81%, 39%

  • On Blue

    Text and icons placed on OLake Blue.

    HEX
    RGB
    231, 231, 224
    HSL
    60, 13%, 89%

Text

  • Ink

    Headings.

    HEX
    RGB
    32, 32, 32
    HSL
    0, 0%, 13%

  • Body

    Body text.

    HEX
    RGB
    57, 57, 57
    HSL
    0, 0%, 22%

  • Secondary

    Section and card copy.

    HEX
    RGB
    93, 93, 93
    HSL
    0, 0%, 36%

  • Muted

    Eyebrows, captions and footer links.

    HEX
    RGB
    118, 118, 118
    HSL
    0, 0%, 46%

Borders

  • Border

    Card and table borders.

    HEX
    RGB
    236, 236, 236
    HSL
    0, 0%, 93%

  • Rule

    Section rules and the footer top line.

    HEX
    RGB
    231, 231, 231
    HSL
    0, 0%, 91%

Surfaces

  • White

    Page and card background.

    HEX
    RGB
    255, 255, 255
    HSL
    0, 0%, 100%

  • Surface Alt

    Chips, table headers and code blocks.

    HEX
    RGB
    250, 250, 250
    HSL
    0, 0%, 98%

  • Surface Muted

    Muted background areas.

    HEX
    RGB
    244, 244, 244
    HSL
    0, 0%, 96%

  • Dark

    Dark sections on light pages.

    HEX
    RGB
    23, 23, 23
    HSL
    0, 0%, 9%

  • Near Black

    Background in the docs and blog dark theme.

    HEX
    RGB
    10, 10, 10
    HSL
    0, 0%, 4%

Typography

Fonts

OLake uses Geist for text and JetBrains Mono for code. Both are self-hosted on olake.io.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Geist

Sans-serif. Used for headings and body text across the site.

  • The quick brown fox jumps over the lazy dog.Regular 400
  • The quick brown fox jumps over the lazy dog.Medium 500
  • The quick brown fox jumps over the lazy dog.Semibold 600
Geist licence

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

JetBrains Mono

Monospace. Used for code and technical text.

  • The quick brown fox jumps over the lazy dog.Regular 400
  • The quick brown fox jumps over the lazy dog.Medium 500
  • The quick brown fox jumps over the lazy dog.Bold 700
JetBrains Mono licence

Type scale

  • Display

    46 px (24 to 28 px on mobile)

    Open source Apache Iceberg ingestion

  • Heading 2

    38 px (24 px on mobile)

    Open source Apache Iceberg ingestion

  • Heading 3

    22 px (17 px on mobile)

    Open source Apache Iceberg ingestion

  • Lead

    20 px

    Open source Apache Iceberg ingestion

  • Body

    15 px

    Open source Apache Iceberg ingestion

  • Body small

    14 px

    Open source Apache Iceberg ingestion

  • Caption

    12 px

    Open source Apache Iceberg ingestion