MY System · v1.5

00 Settings configure · export

Mode

Display

Sans · interface

Humanist · reading

Mono · data

01 Colors 4 neutrals · 6 accents · 6 semantic

Palette

Background

#1B1B1B

Card

#161616

Foreground

#F3F3F3

Muted

#5D5C5C

Rose

#D175AC

Orange

#F2B151

Green

#90E9A2

Blue

#82C7F5

Purple

#A27FED

Red

#EC9494

Semantic

Primary

Rose · #D175AC

Accent

Purple · #A27FED

Info

Blue · #82C7F5

Success

Green · #90E9A2

Warning

Orange · #F2B151

Danger

Red · #EC9494

02 Typography 4 faces · 8 scale steps

Specimens

Aa

Newsreader Display

Production Type · 2021 · variable optical

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Aa

Onest Interface

Anton Moglia · 2023 · open source

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Aa

iA Writer Quattro Reading

Bold Monday for iA · 2018 · duospaced humanist

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Aa

Commit Mono Data

Eigil Nikolajsen · 2023 · open source

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 {}[]()<>

Type scale

display

56 / 0.96 / -0.025em

MY System

h1

32 / 1.10 / -0.015em

Section heading

h2

22 / 1.20 / -0.01em / 500

Subsection title

h3

16 / 1.30 / 500

Smaller heading

bodyLarge

17 / 1.55

Body text at the larger size.

body

14 / 1.55

Body text at the default size.

caption

12 / 1.50

Caption and metadata.

micro

11 / 1.40 / +0.04em

Micro label

03 Components buttons · forms · tags · alerts

Buttons

Tags

Design Pending Shipped Info Beta Blocked

Form

Email

Notes

Weekly digest Notifications

Alerts · semantic

Info

Heads-up

Success

Saved

Warning

Needs attention

Danger

Failed

04 In context composed

Weekly digest

Updated 2h ago

Live

Signups

142

+19.4%

Threads

08

2 open

Shipped

03

this week