An expressive brand identity executed with Material Theming, including the consistent application of color, typography, and shape.

Ruff’s straightforward brand identity empowers the app’s note-taking users to quickly capture their thoughts in any style. Ruff makes great use of Material Components, especially the bottom sheet and backdrop (which serves as the app’s primary canvas). The blue floating action button and monospaced font add visual interest while taking a refined approach to theming. While the slightly rounded corners of the bottom sheet help communicate the component’s gestural behavior and let the user know that they can drag up for more content. The UI also allows for simple customization of type size and the choice of a light, dark, or black theme. Prioritizing function and clarity, Ruff’s consistent use of typography, shape, and color create an inviting themed experience.