brand-title
brand-subtitle
brand-logo-blue
brand-dark-blue
brand-pastel-blue
brand-light-blue
brand-light-gray
brand-dark-gray
brand-white
brand-pink
brand-purple
brand-green
brand-yellow
brand-red
success
warning
error
foreground
muted
subtle
foreground-disabled
surface
surface-subtle
surface-super-dark
accent
border-dark
Default text in a p-tag. You can also accent a word.
Foreground text in a p-tag. This should be the same as the default text above.
Muted text in a p-tag.
Subtle text in a p-tag.
Default text in a p-tag. You can also accent a word.
Foreground text in a p-tag. This should be the same as the default text above.
Muted text in a p-tag.
Subtle text in a p-tag.
Default text in a p-tag. You can also accent a word.
Foreground text in a p-tag. This should be the same as the default text above.
Muted text in a p-tag.
Subtle text in a p-tag.
Body text with inline link and
inline code.
Muted helper text
This is some help text.
This field has an error.
Demonstrating _field.html.erb and _errors.html.erb partials with proper error handling and styling.
3 errors prohibited this record from being saved:
