Design System

Logos Design System

Color Palette

Dark Green

#152521

Dark Green 50%

#152521 50%

Dark Green 10%

#152521 10%

Dark Green 5%

#152521 5%

Off-White

#F5F5EF

Off-White 50%

#F5F5EF 50%

Off-White 10%

#F5F5EF 10%

Steel Teal

#5F797C

Light Blue

#C6EBF7

Tan

#E2E0C9

Brown

#A18863

Yellow

#FFD328

Purple

#48373F

Grey 01

#DBDDD7

Grey 02

#B8BDB8

Grey 03

#9EA5A0

Grey 04

#848E88

Grey 05

#616E69

Grey 06

#475651

Logos Design System

Web Type Styles

Desktop

∞-800 px Wide

Mobile

800-0 px Wide

Style Name

Hero

Desktop

Pioneer

Mobile

Pioneer

Desktop

Rhymes Display

Regular

140 pt.

100%

-4%

Mobile

Rhymes Display

Regular

70 pt.

100%

-4%

Desktop

Pioneer

Mobile

Pioneer

Desktop

Rhymes Display

Regular

96 pt.

98%

-4%

Mobile

Rhymes Display

Regular

56 pt.

98%

-4%

Desktop

Pioneer

Mobile

Pioneer

Desktop

Rhymes Display

Regular

56 pt.

100%

-3%

Mobile

Rhymes Display

Regular

40 pt.

100%

-3%

H3 Serif

Desktop

Pioneer

Mobile

Pioneer

Desktop

Rhymes Display

Regular

36 pt.

100%

-3%

Mobile

Rhymes Display

Regular

30 pt.

100%

-3%

H3 Sans

Desktop

Pioneer

Mobile

Pioneer

Desktop

Public Sans

Regular

36 pt.

100%

-2%

Mobile

Public Sans

Regular

30 pt.

100%

-2%

H4 Serif

Desktop

Pioneer

MobileSame as desktop

Pioneer

Desktop

Rhymes Display

Regular

24 pt.

110%

-1%

Mobile

Same as desktop

Rhymes Display

Regular

24 pt.

110%

-1%

H4 Sans

Desktop

Pioneer

MobileSame as desktop

Pioneer

Desktop

Public Sans

Regular

24 pt.

110%

-1%

Mobile

Same as desktop

Public Sans

Regular

24 pt.

110%

-1%

Subhead
Serif

Desktop

Pioneer

MobileSame as desktop

Pioneer

Desktop

Rhymes Display

Regular

18 pt.

110%

-1%

Mobile

Same as desktop

Rhymes Display

Regular

18 pt.

110%

-1%

Subhead
Sans

Desktop

Pioneer

MobileSame as desktop

Pioneer

Desktop

Public Sans

Regular

18 pt.

115%

-1%

Mobile

Same as desktop

Public Sans

Regular

18 pt.

115%

-1%

Body Serif

Desktop

Pioneer

MobileSame as desktop

Pioneer

Desktop

Rhymes Display

Regular

14 pt.

120%

Mobile

Same as desktop

Rhymes Display

Regular

14 pt.

120%

Body Sans

Desktop

Pioneer

MobileSame as desktop

Pioneer

Desktop

Public Sans

Regular

14 pt.

120%

Mobile

Same as desktop

Public Sans

Regular

14 pt.

120%

Eyebrow /
CTA

Desktop

Pioneer

MobileSame as desktop

Pioneer

Desktop

Fira Code

Medium

10 pt.

130%

Mobile

Same as desktop

Fira Code

Medium

10 pt.

130%

Mono S

Desktop

Pioneer

MobileSame as desktop

Pioneer

Desktop

Fira Code

Regular

10 pt.

130%

Mobile

Same as desktop

Fira Code

Regular

10 pt.

130%

Cards

Basecamp

The fully local launcher for the Logos stack, running all modules on your device from a unified interface.

Storage

Privacy-preserving file sharing and retrieval using content-addressed (CID-based) data. In future, this module will support decentralised file storage.

Messaging

Private, censorship-resistant communication between parties.

Blockchain

Privacy-preserving, decentralised computing and consensus.

Logos Execution Zone (LEZ)

Data Availability and Consensus: Cryptarchia

Logos Execution Zone (LEZ)

Developers can deploy programs, run AMMs, transfer tokens, and build financial primitives with built-in privacy.

Data Availability and Consensus: Cryptarchia

A private proof-of-stake consensus mechanism where validator identities and stake amounts remain hidden.

User Modules

Anyone can build modules that plug into the same IPC infrastructure.

The Networking Stack: Discovery, Peering, and Mixnet

This layer handles how Logos nodes find each other, establish connections, and communicate.

The Foundation: Logos Runtime

A runtime that handles the essential primitives every decentralised application needs.

Buttons

Primary

Secondary

Tertiary

Link

Table

Ideas

Ideas from our community driving sovereignty forward.

See all ideas

01Secure and Decentralised Frontends