Style Guide

This style guide demonstrates the configured typography settings and theme colors

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Subtitle
Description
Caption

Fonts

Font Sans (default)
lighter | normal | semibold | bold | bolder |
Font Serif
lighter | normal | semibold | bold | bolder |
Font Mono
lighter | normal | semibold | bold | bolder |

Colors

The theme uses a simple background and foreground convention for colors. The background variable is used for the background color of the component and the foreground variable is used for the text color.
Primary
Secondary
Card
Muted
Accent
Destructive
Success
Sidebar
Sidebar Accent
Sidebar Primary

UI Elements

This template comes with some ShadCN components already included. They can be customized by editing the files in the `components/ui` folder.
Inputs
Buttons
Card
Card Title
This is the card description.
This is my card content
Alert
Divider
Default
✧
Simple
Custom Icon
Spinners