ubgo is in early alpha: libraries and APIs may still change.

Skip to content
ubgo Alpha

Brand

The Socket

A bold lowercase u that holds one block: a library dropping into place in your service. The u starts the name; the amber block is the part you plug in.

Everything on this page is built from brand.json and the generated files, so it always matches the real assets.

The ubgo Socket logo

Anatomy

Tile, 22% cornersThe uThe blockClear space: 25% of the widthx/4x

Clear space

At least 25% of the icon width on every side. Nothing else goes inside the hatched area.

Minimum size

The full icon down to 24px. Below that, use the favicon, which has thicker strokes and reads at 16px.

64px
48px
32px
24px
16px favicon

Logo files

Each one on a light and a dark background. Text is outlined, so the SVGs look the same without the fonts installed.

Icon on a light background
Icon on a dark background

Icon

The main mark. GitHub avatar, app icon, anywhere square.

Dark tile on a light background
Dark tile on a dark background

Dark tile

For bright backgrounds where the colour tile is too loud.

Light tile on a light background
Light tile on a dark background

Light tile

For dark backgrounds.

Glyph on a light background
Glyph on a dark background

Glyph

The mark with no tile, on white or light surfaces.

Favicon on a light background
Favicon on a dark background

Favicon

Browser tabs. Thicker strokes so it reads at 16px.

Wordmark on a light background
Wordmark on a dark background

Wordmark

The name on its own. Dark ink for light backgrounds.

Wordmark, light on a light background
Wordmark, light on a dark background

Wordmark, light

The name in white, for dark backgrounds.

Lockup on a light background
Lockup on a dark background

Lockup

Icon and name side by side, on light backgrounds.

Lockup, dark on a light background
Lockup, dark on a dark background

Lockup, dark

Icon and name side by side, on dark backgrounds.

Mono

One colour that follows the surrounding text colour. Terminals, print, embossing.

Do and don't

DoUse it flat on plain light or dark backgrounds
DoPick the light tile on dark surfaces
Don'tDon't stretch or squash it
Don'tDon't rotate it
Don'tDon't recolour it outside the palette
Don'tDon't add shadows, glows or bevels
Don'tDon't put it on busy or low-contrast backgrounds
Don'tDon't shrink the full icon below 24px

Colours

Click a swatch to copy its hex value.

The tile gradient runs from #0891B2 at the top left to #155E75 at the bottom right.

Type

Three open-source (OFL) fonts, self-hosted on this site.

display · weights 500–700

Space Grotesk

Focused Go libraries

Headings, the wordmark, the social card title

sans · weights 400–600

Inter

Small cores, adapters outside, suites that prove them.

Body text and interface

mono · weights 400–600

JetBrains Mono

go get github.com/ubgo/cache

Code, install lines, library names

Display XL44px / 700 ubgo
Display L30px / 700 Which package do I need?
Heading20px / 600 How it fits together
Body15px / 400 Each library does one job and has its own repo.
Small13px / 400 Dense tables, captions and interface text.
Code13px / 400 cache.Remember(ctx, c, key, ttl, load)

Social card

1280×640, the GitHub social preview size, also used for link previews. Each library page has its own card built from the same template.

ubgo social card, dark
DarkSVGPNG
ubgo social card, light
LightSVGPNG