Style Guide

Learn the basics of styling a modern, dark mode responsive application.

Getting Started

All of the built-in Rock components follow a consistent pattern for spacing values, colors and typography.

Walkthrough

A start-to-finish walkthrough of styling an out of the box application. This encapsulates all of the below topics with progressive examples.

Walkthrough

Colors

Understand color theory in Rock Mobile and learn how to leverage built in colors to build truly responsive and beautiful applications.

Colors

Typography

Understand how fonts and sizes are determined and utilizing in Rock Mobile.

Typography

Margin, Padding and Other Utilities

Utilize built in spacing classes to match the consistency of built-in blocks.

Utilities

Last updated

⚙️ Powered by Rock RMS