Style Guide – Digiloom

1. Primary Mark

The “Loom Pulse” logo in standard configurations.

Horizontal Lockup

Digiloom

Dark Mode Inverse

Digiloom

2. Colour Palette

Click any swatch to copy its hex code.

Primary Brand Colours

Indigo

#4f46e5

var(–wp–preset–color–indigo)

Purple

#9333ea

var(–wp–preset–color–purple)

Pink

#ec4899

var(–wp–preset–color–pink)

Soft Indigo

#e0e7ff

var(–wp–preset–color–indigo-line)

Neutral Tones

Ink

#0f172a

var(–wp–preset–color–ink)

Slate Dark

#334155

var(–wp–preset–color–slate-dark)

Slate Line

#e2e8f0

var(–wp–preset–color–slate-line)

Base

#f8fafc

var(–wp–preset–color–base)

3. Typography

Space Grotesk for headings, Inter for interface and body text.

Display Font

Space Grotesk

Heading 1

Heading 2

Heading 3

Heading 4

Body Font

Inter

Body Large

The quick brown fox jumps over the lazy dog. A digital weaving of networks forms the foundation of our robust open-source community.

Body Base

The quick brown fox jumps over the lazy dog. A digital weaving of networks forms the foundation of our robust open-source community. Seamless collaboration empowers our vision for the future.

Body Small

The quick brown fox jumps over the lazy dog. A digital weaving of networks forms the foundation of our robust open-source community.

4. UI Components

Interactive elements styled with the Digiloom guidelines.

Buttons

Form Inputs

Email Address

Project Role

Subscribe to updates

Resource

Weaving Networks

A comprehensive guide to organizing digital cooperatives using our open-source framework and node structures.

Read Documentation