Slash, circle, triangle: the AbstractOS shape language
Our logo is three primitives. Here is how those same shapes drive icons, illustrations and motion across the system.
PR
Priya Raman1 min read
The AbstractOS mark is a slash, a circle and a triangle. They are the simplest shapes we could find that still feel like they have a personality.
The palette
| Token | Role | Used for |
|---|---|---|
brand-blue | Primary | Actions, focus, links |
brand-coral | Accent | Highlights and illustrations |
brand-sun | Accent | Warnings and warmth |
brand-teal | Accent | Success and tips |
Motion
Shapes move with a single easing curve, cubic-bezier(0.2, 0, 0, 1), for 200 to 300 ms. Circles scale, slashes slide, triangles rotate. That is the whole system.
Related posts
- From a whiteboard sketch to the shipped overview: the principles, false starts and details behind Exposition.PRPriya Raman1 min read
- How we rebuilt the file manager with an adaptive sidebar, instant search and light and dark themes.KWKenji Watanabe1 min read
- Four screens, encryption by default, and a recovery key you will actually keep. The story of the AbstractOS installer.PRPriya Raman1 min read
