Brand Resources

Official brand assets, logos, colors, and guidelines for media use. All resources are free to download and use.

Logos

Download Lokus logos in various formats. Available in SVG and PNG, optimized for both light and dark backgrounds.

SVG

Logo Light (SVG)

White logo on transparent background for dark surfaces

512x512•5.2 KB

SVG

Logo Dark (SVG)

Black logo on transparent background for light surfaces

512x512•5.2 KB

SVG

Logo on White (SVG)

Black logo with white background

512x512•5.3 KB

SVG

Logo on Black (SVG)

White logo with black background

512x512•5.3 KB

PNG

Logo Light (PNG)

White logo on transparent background for dark surfaces

512x512•8.7 KB

PNG

Logo Dark (PNG)

Black logo on transparent background for light surfaces

512x512•8.4 KB

PNG

Logo on White (PNG)

Black logo with white background

512x512•8.9 KB

PNG

Logo on Black (PNG)

White logo with black background

512x512•9.3 KB

Brand Colors

Our color palette defines the visual identity of Lokus. Click any color to copy its HEX value.

Click to copy

Primary Indigo

HEX:#6366f1

RGB:99, 102, 241

Primary brand color, CTAs, links, accents

Click to copy

Deep Purple

HEX:#9333ea

RGB:147, 51, 234

Gradients, secondary accents, highlights

Click to copy

Background Black

HEX:#000000

RGB:0, 0, 0

Main background, dark mode base

Click to copy

Surface Dark

HEX:#18181b

RGB:24, 24, 27

Card backgrounds, elevated surfaces

Click to copy

Zinc 900

HEX:#18181b

RGB:24, 24, 27

Secondary surfaces, borders

Click to copy

White

HEX:#ffffff

RGB:255, 255, 255

Primary text, icons, light elements

Click to copy

Zinc 400

HEX:#a1a1aa

RGB:161, 161, 170

Secondary text, muted content

Click to copy

Border Subtle

HEX:rgba(255, 255, 255, 0.05)

RGB:255, 255, 255, 5%

Subtle borders, dividers, separators

Typography

Our typography system uses a carefully selected font stack for optimal readability and brand consistency.

Headings

Family:

System Font Stack

Weights:

600 (Semibold), 700 (Bold)

Usage:

Page titles, section headers, emphasis

Lokus - Think. Connect. Create.

Body Text

Family:

System Font Stack

Weights:

400 (Regular), 500 (Medium)

Usage:

Paragraphs, descriptions, body content

The future of knowledge management

Code/Monospace

Family:

Monaco, Courier New, monospace

Weights:

400 (Regular)

Usage:

Code blocks, technical content, inline code

const lokus = "awesome"

Brand Descriptions

Pre-written descriptions in various lengths for different use cases. Click the copy button to use them in your materials.

Short Description

64 characters

Lokus - Local-first knowledge management for connected thinking.

Medium Description

206 characters

Lokus is a local-first note-taking and knowledge management platform. Build your personal wiki, connect ideas with a knowledge graph, and unleash your creativity while maintaining full control of your data.

Long Description

362 characters

Lokus is a revolutionary local-first knowledge management platform designed for thinkers, researchers, and creators. With powerful Markdown editing, bi-directional linking, and an interactive knowledge graph, Lokus helps you capture, connect, and explore your ideas while keeping your data private and under your control. Available for macOS, Windows, and Linux.

Usage Guidelines

Please follow these guidelines when using Lokus brand assets.

Do

✓ Use official logo files provided on this page
✓ Maintain adequate clear space around the logo
✓ Use approved color combinations
✓ Preserve the original aspect ratio of logos

Don't

✗ Modify, distort, or recreate the logo
✗ Change the logo colors
✗ Add effects, shadows, or outlines to the logo
✗ Use the logo on busy or conflicting backgrounds