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.
Dark
Dark Depth
Blue wash
Light
Light depth
pink
Dark Lift
Yellow
Light Lift
Blue
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.