State of Art

Logo

Our logo

A star built on a strict grid. It comes in three colorways: white on red, red on beige and white on deep grey.

Typography

Petrona

Titles and large display text.
Fragment Mono

Labels, buttons, navigation and quotes.
Figtree

Body text and interface.

Colors

Orange Main#FF1A1A
Beige#FFF2E1
Deep-Grey#565A75
White#FFFFFF
Black#000000

Components

Slider
A segmented slider to set a value, such as the context size. The filled part and the current value are shown in red.
Selector
Two variants: a segmented selector for 3 choices, and a dropdown list for 4 or more.
Toggle
A switch to turn a setting on or off.
ActionButton
Two styles: a primary button (red) and a secondary button (white).
IconButton
A compact button that holds a single icon, for frequent actions.
InputText
A single-line field to type free text or a search.

Widgets

Weather
Today’s forecast at a glance.
Calendar
Your next events, always in sight.
Alarm
Set a wake-up time in a sentence.
Shopping
Compare products before you buy.
Contact
Call or text anyone in one tap.
Calculator
Quick maths, straight from your question.
Map
Find your way without leaving the chat.
Music
Play what you love, hands-free.
Live score
Follow the game as it happens.

Icons makes difference

Maestro Icons

Our own pixel icon set.

Material Symbols

Google’s open-source rounded icon library.

Night brings darkness

Dark Mode

The dark theme of the Maestro interface, for comfortable use in low light.

Opera home screen in light mode

Opera home screen in dark mode