bases design system

Preview pages

Stopped page

stopped.html

Services list

services.html

Color tokens

--bg

#f7f4ee

--surface-raised

#ffffff

--border

#dbd6cc

--text

#1a1814

--accent

#2a5f4f

--amber

#b35800

--red

#c12b2b

--green

#276947

Typography

DM Sans — body / UI

The quick brown fox

Self-hosted service management for people who care about their infrastructure.

Install, start, stop, and destroy services running in Incus containers with a single tool.

Fraunces — display / service names

wiki

recipes · budget · photos · git

DM Mono — brand / labels / code

bases — self-hosted service manager

service · subdomain · image · status · controls

wiki.bases.example.com · ubuntu:24.04

Label / eyebrow

Service name

Installation status

Status badges

Running Stopped Starting Error

Buttons

Regular

Small

Disabled

Form elements

Subdomain

Base image Incus image reference, e.g. ubuntu:24.04 or alpine:3.19

Basefile path

Table

Name	Subdomain	Image	Status	Controls
wiki	wiki.bases.example.com	ubuntu:24.04	Running
budget	budget.bases.example.com	alpine:3.19	Stopped

Cards

Default card

A surface-raised container with a 1px border and standard padding.

Flat · small

Reduced padding, surface (not raised) background.

Notices

Service started. wiki is now running at wiki.bases.example.com

Service stopped. budget was stopped and is no longer accessible.

Start failed. The container for git could not be started. Check the logs for details.

Note: Destroying a service does not remove its data directory under /var/lib/bases/.

Code & mono

Inline: run bases /etc/bases.yaml serve to start the management UI.

name: wiki
description: A simple markdown wiki
image: ubuntu:24.04
port: 3000
auth: none
tasks:
  start: |
    wiki --docs /var/lib/bases/wiki/data --port 3000