Brand guidelines · v1.0

The Algorithma brand

A short, practical guide for using our logo, colors, and backgrounds — so Algorithma shows up consistently everywhere.

01 — Logo

The wordmark

Our primary signature. Set in a custom wordmark — never retyped, never recreated. Use the SVG wherever possible.

Algorithma wordmark, black on white
On light
Algorithma wordmark, white on black
On dark
02 — Icon

The icon

A compact mark for avatars, favicons, and app tiles. Prefer the wordmark whenever there's space.

Algorithma icon, black
On light
Algorithma icon, white
On dark
03 — Rules

Clear space & minimum size

Give the mark room to breathe. The more silence around it, the more presence it has.

Clear space example
Clear space. Keep free space around the wordmark equal to the height of the “a” on every side. Never overlap it with other graphics, text, or edges.
Minimum digital size120 px · digital
Minimum icon size20 px · icon
Minimum size. Don't scale the wordmark below 120 px wide on screens, or the icon below 20 px. For print, keep the wordmark at 24 mm minimum.
04 — Usage

Do & don't

A few small things keep the brand sharp. When in doubt, simpler is better.

Solid neutral
Brand gradient
Don't stretch
Don't recolor
Don't add effects
Don't rotate
Don't place on busy photos
Don't use low contrast
05 — Color

Color palette

Our core palette is a three-stop gradient: deep blue, light blue, light green. Click a swatch to copy.

Core — signature gradient
Anchor
Dark Blue
Mörkblå
rgb(27, 72, 100)
Signature
Light Blue
Ljusblå
rgb(97, 181, 204)
Highlight
Light Green
Ljusgrön
rgb(201, 226, 171)
Accent — ethereal gradient
Purple
rgb(177, 122, 236)
Blue
rgb(37, 117, 252)
Teal
rgb(100, 162, 186)
Neutrals
Primary text
Black
rgb(0, 0, 0)
Surfaces
Graphite
rgb(23, 23, 23)
Body text
Slate
rgb(115, 115, 115)
Borders
Line
rgb(229, 229, 229)
Background
White
rgb(255, 255, 255)
06 — Backgrounds

Generate on‑brand backgrounds

Need a hero image, slide background, or social card? Use our interactive gradient tool — it exports a 4K PNG, on brand by default.

Background generator
Open /slides
Pick three colors, tweak live, export a 3840×2160 PNG.
Starting points
07 — Typography

Typography

We use Inter across product and marketing — bold for headings, regular for body, tracking-tight on display sizes.

Inter Bold
Inter Regular — the brand voice in text form.
next/font/google · variable · latin subset

Grab the assets

SVG wordmarks, icon variants, and the raster logo — everything you need to put Algorithma on a slide, site, or signature.

Need something specific? Email allie@algorithma.se.