Mosaic Stack / identity exploration
One identity.
Many ways to work.
An AI operating system for the things you make, manage, and do together.
Let's choose the visual language before we choose the dashboard. Compare three marks, three sans-serif families, and ten palettes in three appearances.
Start with the markA shared place to work.
01 / Identity
Recognizable without a color.
Each concept starts as a single-color shape. Choose one to see it in the page header and brand specimen.
Original concept studies, not cleared trademarks. Small-size recognition and final proportions need your judgment. No logo is approved yet.
02 / Typography
A voice you can read all day.
Compare the same content at the same sizes. Each choice changes the board, while these specimens keep their own typeface.
Sentence case. Tabular numerals for data. Comfortable line spacing. Monospace reserved for actual code in later designs.
Local Latin font files, four weights each, licensed under SIL OFL. Other scripts fall back to system fonts and need later multilingual testing.
03 / Color system
Ten palettes. Same Mosaic.
Hue relationships give each palette a reason. Contrast determines the usable shades. Choose any appearance directly on a palette card.
LightPale tinted canvas, clean surfaces.
DimCharcoal layers with a restrained tint.
DarkDeep color, with lighter raised surfaces.
Current tokens
Actual values used by this preview, not production configuration.
Success, warning, and error are separate roles. They always have a label or symbol. A red brand palette never makes color alone mean "error".
04 / Iconography & controls
Quiet details. Clear meaning.
One original outline family, with a 24-unit grid and consistent 1.75-unit strokes. Labels carry meaning; icons help recognition.
Interaction specimen / local only
A useful bit of feedback
Try the button and state selector. No workspace or agent is created.
This field stays intact when you preview an error.
Surface & status specimen
Depth without a gradient
- Ready for review
- Needs your attention
- Could not save. Try again.
8 px control corners, 16 px comparison panels, and a 4 px spacing scale. No animation is required to understand a state change.
05 / Your review
Choose a direction,
not a finished brand.
My starting recommendation is Assembly, DM Sans, and Harbor.
The mark connects to the name, the font stays approachable, and blue gets room to be blue. Relay and Aperture offer less literal alternatives.
What I'd like your take on
- Which mark feels like Mosaic, including at 16 px?
- Which font feels best in controls and longer text?
- Which palette should be the default? Try it in all three appearances.
- What should feel different before we design the dashboards?
Notes stay in this browser if storage is available. Download a copy to keep them. Nothing is sent to Dewey.