State of Art
Logo
Notre logo
Une étoile construite sur une grille stricte. Il existe en trois versions : blanc sur rouge, rouge sur beige et blanc sur gris profond.
Typographie
-
Petrona
Titres et grands textes d’affichage.
-
Fragment Mono
Libellés, boutons, navigation et citations.
-
Figtree
Texte courant et interface.
Couleurs
- Orange principal#FF1A1A
- Beige#FFF2E1
- Gris profond#565A75
- Blanc#FFFFFF
- Noir#000000
Composants
-
Slider
Un curseur segmenté pour régler une valeur, comme la taille du contexte. La partie remplie et la valeur courante sont en rouge.
-
Selector
Deux variantes : un sélecteur segmenté pour 3 choix, et une liste déroulante pour 4 choix ou plus.
-
Toggle
Un interrupteur pour activer ou désactiver un réglage.
-
ActionButton
Deux styles : un bouton principal (rouge) et un bouton secondaire (blanc).
-
IconButton
Un bouton compact qui contient une seule icône, pour les actions fréquentes.
-
InputText
Un champ de texte sur une seule ligne pour saisir du texte libre ou une recherche.
Widgets
-
Météo
La météo du jour en un coup d’œil.
-
Calendrier
Vos prochains rendez-vous, toujours sous les yeux.
-
Alarme
Programmez un réveil en une phrase.
-
Achats
Comparez les produits avant d’acheter.
-
Contact
Appelez ou écrivez en un geste.
-
Calculatrice
Un calcul rapide, directement depuis votre question.
-
Carte
Trouvez votre chemin sans quitter la conversation.
-
Musique
Lancez ce que vous aimez, sans les mains.
-
Score en direct
Suivez le match en temps réel.
Les icônes font la différence
Maestro Icons
Notre propre jeu d’icônes en pixels.
-
OPERAICON
Pixel · 126 px
-
OPERAICON
Pixel · 126 px
-
OPERAICON
Pixel · 126 px
-
OPERAICON
Pixel · 126 px
-
OPERAICON
Pixel · 126 px
-
PETRONA
Pixel · 126 px
-
FIGTREE
Pixel · 126 px
-
FRAGNENT
Pixel · 126 px
-
BOT
Pixel · 126 px
-
ARROW
Pixel · 126 px
-
MORE
Pixel · 126 px
-
ADD
Pixel · 126 px
-
CANCEL
Pixel · 126 px
-
ACTIVATE
Pixel · 126 px
-
COPY
Pixel · 126 px
-
DOWNLOAD
Pixel · 126 px
-
EXPORT
Pixel · 126 px
-
PENCIL
Pixel · 126 px
-
BIN
Pixel · 126 px
-
SEARCH
Pixel · 126 px
-
RECONNECT
Pixel · 126 px
-
FILE
Pixel · 126 px
-
PHOTO
Pixel · 126 px
-
CAMERA
Pixel · 126 px
-
MICROPHONE
Pixel · 126 px
-
MESSAGE
Pixel · 126 px
-
HYPERLINK
Pixel · 126 px
-
LINK
Pixel · 126 px
-
INFORMATION
Pixel · 126 px
-
SUPPORT
Pixel · 126 px
-
CLOUD
Pixel · 126 px
-
SERVER
Pixel · 126 px
-
SETTINGS
Pixel · 126 px
-
GENERAL
Pixel · 126 px
-
TOOL
Pixel · 126 px
-
BUG
Pixel · 126 px
-
KEY
Pixel · 126 px
-
CONFIDENTIALITY
Pixel · 126 px
-
TOKEN
Pixel · 126 px
-
TIME
Pixel · 126 px
-
LOCATION
Pixel · 126 px
-
CALENDAR
Pixel · 126 px
-
PROFIL
Pixel · 126 px
-
SOCIAL
Pixel · 126 px
-
PRIORITY
Pixel · 126 px
-
LIGHT
Pixel · 126 px
-
DARK
Pixel · 126 px
-
AUTO
Pixel · 126 px
-
QUICK
Pixel · 126 px
-
LOW
Pixel · 126 px
-
HIGH
Pixel · 126 px
-
GRAINS
Pixel · 126 px
-
CHECKERBOARDS
Pixel · 126 px
-
TILES
Pixel · 126 px
-
INSTA
Pixel · 126 px
-
INSTAGRAM
Pixel · 126 px
-
TIKTOK
Pixel · 126 px
-
STOP
Pixel · 126 px
-
PIN
Pixel · 126 px
Material Symbols
La bibliothèque d’icônes arrondies open source de Google.
-
BACK
Arrondi · 72 px
-
NEXT
Arrondi · 72 px
-
RIGHT
Arrondi · 126 px
-
RETURN
Arrondi · 126 px
-
FULL
Arrondi · 126 px
-
CANCEL
Arrondi · 126 px
-
DELETE
Arrondi · 126 px
-
EDIT
Arrondi · 126 px
-
COPY
Arrondi · 126 px
-
SHARE
Arrondi · 126 px
-
HYPERLINK
Arrondi · 126 px
-
RELOAD
Arrondi · 126 px
-
VALID
Arrondi · 126 px
-
LOADED
Arrondi · 126 px
-
PIN
Arrondi · 126 px
-
PINED
Arrondi · 126 px
-
CLOUDUPLOAD
Arrondi · 126 px
-
CLOUDDOWNLOAD
Arrondi · 126 px
-
CLOUDREADY
Arrondi · 126 px
-
DOWNLOAD
Arrondi · 126 px
-
CHAT
Arrondi · 126 px
-
TEXT
Arrondi · 126 px
-
MICRO
Arrondi · 126 px
-
SPEAKER
Arrondi · 126 px
-
VIDEOCAM
Arrondi · 126 px
-
VISION
Arrondi · 126 px
-
INFO
Arrondi · 126 px
-
ERROR
Arrondi · 126 px
-
QUESTION
Arrondi · 126 px
-
HISTORY
Arrondi · 90 px
-
BRAIN
Arrondi · 126 px
-
TOOL
Arrondi · 126 px
-
WEBSITE
Arrondi · 126 px
La nuit apporte l’obscurité
Dark Mode
Le thème sombre de l’interface Maestro, pour un usage confortable en faible luminosité.
