The V on its own is our mark. We use it where the wordmark has no room: as an app icon, favicon or profile picture. Where there is room, the wordmark stands.

Mark and icons

App icon

Green check mark on navy, slightly below center.

SVG PNG

Profile picture

White check mark on navy, as on GitHub.

SVG PNG

Favicon

The green check mark, without a background.

SVG PNG

Legible down to 16 px

A clear shape without fine details. That is why the check mark also works as a favicon.

03Clear space and size

Leave room

There is always free space around the logo. No text, image or edge comes closer than x. x is half the height of the wordmark.

Wordmark

Screen: 16 px tall
Print: 5 mm tall

Mark

Screen: 16 px tall
Print: 4 mm tall

Any smaller, use the check mark alone. The examples on the left are shown at actual size.

04Mistakes

Incorrect use

The logo stays the way we deliver it. These changes turn it into something else.

Don't stretch

Don't rotate

Don't change the colors

No shadows or effects

Don't rebuild it with a font

No busy backgrounds

Not without contrast

Don't change the proportions

05Colors

Colors

White and gray carry the surface. Green is our accent: in the check mark, on buttons and wherever things are running. Navy is the color of the lettering in the logo.

CSS and JSON

LIVCK Green

Check mark, buttons, everything that runs

Accent

#00E091

LIVCK Navy

Lettering in the logo, app icon, dark surfaces

#0F192A

White

Base for pages and cards

#FFFFFF

Proportions

Guideline

White and gray · 70%Surfaces, cards, lines

Black and navy · 20%Text, logo

Green · 10%Accent

Green and gray in steps

Click a step to copy its HEX value

Green

500 is LIVCK Green

Gray

Surfaces, lines, text

Status colors

Only for states, never for decoration. LIVI wears exactly these values.

Operational

Degraded

Partial outage

Major outage

Maintenance

Unknown

Contrast, measured

WCAG 2.2: text needs at least 4.5:1

Navy on white

AAA

17.6:1

Text and logo on light backgrounds.

White on navy

AAA

17.6:1

Text and logo on dark backgrounds.

Green on navy

AAA

10.1:1

The check mark in the app icon.

Dark green on green

AAA

8.7:1

Text on green buttons.

Green on white

Not for text

1.7:1

Only as a surface or in the logo, never as text.

White on green

Not for text

1.7:1

Text on green is always dark.

06Type

Typography

We write in Plus Jakarta Sans. For metrics, numbers and code we use Geist Mono. Both typefaces are free to use.

House typeface

Plus Jakarta Sans

For headings and text. Bold only for headings and numbers.

AgRegular400

AgMedium500

AgSemibold600

AgBold700

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 äöüß ÄÖÜ €%&?!

Google FontsSIL Open Font License 1.1

For numbers

Geist Mono

Metrics, times, addresses and code. All digits the same width.

99.94 %

Response time: 142 ms
Status: 200 OK
Address: your-site.com

Google Fonts

Sizes and weights

Real texts from livck.cloud, at the size they appear there

Page title72 px · Bold · −3.5% · 1.2

Reliability is not a coincidence

Section36 px · Bold · −2% · 1.15

Meet your SLAs. And prove it.

Card title18 px · Semibold · −2.5%

Resell website monitoring

Lead20 px · Regular · 1.5

Website monitoring, status pages and server monitoring to resell.

Body14 px · Regular · 1.6

Distributed monitoring from multiple locations with majority-based outage detection.

Label10 px · Medium · +5% · caps

Achieved · Error budget · Last 12 periods

MetricGeist Mono · 48 px · Bold

99.94 %

07Figure

LIVI

LIVI is our figure: a small creature with an antenna. The status light sits at its tip. The antenna stands for reception, the light for transparency. On status pages, LIVI shows how things are going right now.

LIVI as SVG

StateOperational

Color, face, antenna and lamp change together, so LIVI stays readable even without color. When switching, LIVI turns once around its own axis.

The one rule

The antenna carries the recognition.

The body is a friendly blob. What makes LIVI unmistakable is the antenna and the way it swings along. Nothing may cover or crop it.

Right

Always round, even during an outage.
Playful only when green. During an incident, LIVI doesn't wave or hop.
Room above, at least half a body height.
Always the whole figure, scaled proportionally.

Wrong

No second antenna, no ears, no hat.
Never crop the antenna, not even for a square format.
Don't tilt, mirror or distort.
Never two LIVIs in different states side by side.

Size

88 px wideFace clearly legible

24 px tallSmallest size

08Name

Spelling

We always write LIVCK in capitals. In running text it is a normal word. The check mark belongs in the logo only.

Right

LIVCK

The brand

LIVCK Cloud

The platform. With a space, no hyphen.

LIVI

Our figure. Also in capitals.

livck.cloud

The address. Lowercase, like any domain.

Wrong

Livck

Don't write it like an ordinary word.

LivCK

No mixed case.

LIVCK-Cloud

No hyphen in the product name.

LICK

Don't put the check mark into text.

09Boilerplate

About LIVCK, ready to use

For articles, partner pages and directories. Use it word for word or shorten it.

One sentence · English

LIVCK Cloud is a platform for uptime monitoring, status pages and incident management. Built and hosted in Germany.

115 charactersen

One paragraph · English

LIVCK Cloud monitors websites, servers and services from locations in Europe and North America. When something fails, the platform alerts the responsible team, and public status pages keep customers informed. LIVCK is developed and hosted in Germany, owner-managed and independent. The brand has been around since 2020.

319 charactersen

One sentence · German

LIVCK Cloud ist eine Plattform für Uptime-Monitoring, Statusseiten und Incident-Management. Entwickelt und gehostet in Deutschland.

131 charactersde

10Downloads