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%

Default

Storage

Messaging

Blockchain

User Modules

The Networking Stack:Discovery, Peering, and Mix-Net

The Foundation: Logos Kernel

Hover

Learn more

Storage

Decentralized file storage and retrieval, using content-addressed (CID-based) data

Learn more

Messaging

Private, censorship-resistant communication between parties.

Learn more

Blockchain

Decentralized compute and consensus.

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.

Learn more

User Modules

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

Learn more

The Networking Stack:Discovery, Peering, and Mix-Net

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

Learn more

The Foundation: Logos Kernel

A microkernel that handles the essential primitives every decentralized application needs.

Buttons

Primary

Secondary

Tertiary

Link

Table

Ideas

Ideas from our community driving sovereignty forward.

See all ideas

01Secure and Decentralized Frontends