Color palettes, fonts
Plain text, hyperlinks, buttons, dropdowns,
modal windows
Collapsible sidebars with
collapsible tool groups

Cursors

Icons + scrollbar
bg: #f8ffff
fg: #282828
ag: #80c000
afg: #ffffff
shadow: #e0ffe0
Font priority: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias dolore dolores eius et, quis temporibus unde voluptate? Test hyperlink: Test hyperlink
Show modal
Disabled
Show modal
Disabled
Normal dropdown
Dropdown option 1
Dropdown option 2 with very long text that should be cropped
Dropdown option 3
Dropdown option 4
Dropdown option 5
Dropdown option 6
Disabled dropdown
Dropdown option 1
Dropdown option 2 with very long text that should be cropped
Dropdown option 3
Dropdown option 4
Dropdown option 5
Dropdown option 6
Tool group
Tool
Disabled
Tool
Disabled
Tool group
Tool
Tool
Tool
Tool group
Tool
Tool
Tool
Language
English
German (Deutsch)
Russian (Русский)
Ukrainian (Українська)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias dolore dolores eius et, quis temporibus unde voluptate? Animi distinctio dolor doloribus ea iusto nulla obcaecati perferendis reiciendis repellat unde. Illo?
default
not-allowed
pointer
wait
crosshair
grab
s-resize
tool
add
remove
64
48
32
16
uiColorMode
64
48
32
16
uiChangeLanguage
64
48
32
16
uiLanguageEnglish
64
48
32
16
uiLanguageGerman
64
48
32
16
uiLanguageRussian
64
48
32
16
uiLanguageUkrainian
bg: #202828
fg: #b8b8b0
ag: #508000
afg: #ffffff
shadow: #304030
Font priority: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias dolore dolores eius et, quis temporibus unde voluptate? Test hyperlink: Test hyperlink
Show modal
Disabled
Show modal
Disabled
Normal dropdown
Dropdown option 1
Dropdown option 2 with very long text that should be cropped
Dropdown option 3
Dropdown option 4
Dropdown option 5
Dropdown option 6
Disabled dropdown
Dropdown option 1
Dropdown option 2 with very long text that should be cropped
Dropdown option 3
Dropdown option 4
Dropdown option 5
Dropdown option 6
Tool group
Tool
Disabled
Tool
Disabled
Tool group
Tool
Tool
Tool
Tool group
Tool
Tool
Tool
Language
English
German (Deutsch)
Russian (Русский)
Ukrainian (Українська)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias dolore dolores eius et, quis temporibus unde voluptate? Animi distinctio dolor doloribus ea iusto nulla obcaecati perferendis reiciendis repellat unde. Illo?
default
not-allowed
pointer
wait
crosshair
grab
s-resize
tool
add
remove
64
48
32
16
uiColorMode
64
48
32
16
uiChangeLanguage
64
48
32
16
uiLanguageEnglish
64
48
32
16
uiLanguageGerman
64
48
32
16
uiLanguageRussian
64
48
32
16
uiLanguageUkrainian