Style Guide
The typography system is designed to create a clear visual hierarchy while maintaining consistency across all screens. From large display headings to subtle captions, each style is defined to guide attention, improve readability, and support structured content.
The color system is built around a restrained, functional palette with a strong emphasis on contrast and usability. Core neutrals establish the foundation, while accent colors are used intentionally to highlight actions, states, and key elements.
Ink Dark
Ink light
Accent 1
Accent 2
dark surface 1
dark surface 2
dark surface 3
light surface 1
light surface 2
light surface 3
Buttons are designed to clearly communicate hierarchy and intent. Primary actions are visually prominent, while secondary and tertiary styles provide support without competing for attention.
Input components are built for clarity, feedback, and ease of use. Different states - default, active, and filled help users understand where they are in the interaction and what is expected.
