Color
Versa Default uses Bootstrap-compatible semantic colors with a clear primary blue. Alternate themes override Versa tokens rather than vendor Bootstrap files.
PrimarySecondarySuccessDanger
Typography
Use strong, compact headings, readable body copy, restrained line lengths and consistent hierarchy. Component headings should communicate structure before decoration.
Spacing & containers
Bootstrap spacing utilities remain the first choice. Versa’s primary content container is capped for comfortable large-screen reading while remaining fluid on smaller screens.
Surfaces
Cards and panels use consistent radius, border and shadow logic. Interactive surfaces gain stronger hover and focus feedback than passive surfaces.