Brand kit

Brand Guidelines

Logos, avatars, colors and type for Looputo. Use them as provided to keep the brand consistent across product, social, partner pages and press.

Primary colorSignal #5AA0F9

WordmarkChakra Petch

InterfaceSchibsted Grotesk

FormatsSVG · PNG · ZIP

Logo

Use the logo as provided. Don't stretch, rotate, recolor outside the palette, or place it on low‑contrast backgrounds.

Avatars & badge

For profile pictures on X, Discord, Telegram and GitHub, and for partner banners. The glow is part of the avatar; don't add another shadow or border.

Colors

Signal blue leads on pure black, the same pairing as looputo.xyz. Neutrals carry a slight blue bias. Tap any swatch to copy its hex.

Blues

Neutral

Typography

Three faces, each with one job. Chakra Petch is reserved for the wordmark. Schibsted Grotesk runs the interface and copy. IBM Plex Mono handles labels, numbers and code. All are free on Google Fonts.

WordmarkGoogle Fonts ↗

Chakra Petch

Logo only. Don't set headlines or body text in it.

Looputo · Aa Bb Cc 0123456789

Main fontGoogle Fonts ↗

Schibsted Grotesk

Regular 400Medium 500Semibold 600

Aa Bb Cc Dd Ee Ff Gg 0123456789

Secondary fontGoogle Fonts ↗

IBM Plex Mono

Regular 400Medium 500

{ } [ ] # $ % → 0x5AA0F9

DisplaySelf-sustained looping engine44 / Schibsted 500

HeadingWhat's new in Looputo26 / Schibsted 500

BodyBody copy sits at 15px with 1.6 line height for comfortable reading.15 / Schibsted 400

LabelRead the docs12.5 / Plex Mono 500

Usage

Keep clear space around the logo equal to the width of the T stem (x). Minimum size: 24px tall for the mark, 20px tall for the full logo.