Browse docs

Design overview

One XOCE family, with room for each app’s own character. Use the current rules and examples for the surface you are designing.

On this page

Choose a surface

Shared family, individual character

The family comes from clear hierarchy, readable content, consistent icon craft and truthful states. Dynamic’s soft clock, Halftone’s dot border and Timer’s countdown each keep their purpose and character.

Start with the design principles, then use the product identity and artwork reference for marks, banners and screenshots. The website’s materials belong to the website; watch and phone interfaces use the rules of their own surface.

Implementation details live in the XOCE UI integration guide. The shared package provides drawing and styles. Your app still owns its behaviour and product identity.

Current and historical guidance

Current pages describe the released implementations and identify any proposed work. Screenshot captions retain the actual captured version, watch shape and source, including reused evidence.

Earlier studies and their evidence

These preserve earlier decisions and captures. Use the current references above for new work.

Search XOCE

Search projects and documentation.

Software, guides and project plansesc to close