Use Cases
Visual Habit Motivation
Gradient styling keeps your streak display bold and inspiring.
personal
Public Dashboards
Make your Notion goals feel alive with gradients and progress animations.
portfolio
Brand-Styled Dashboards
Match your brand or mood using color fades and elegant UI.
aesthetic
Gradient Header & Footer
Custom Styling
Control the gradient spread from header to footer for visual flow.
Achievement-Aware Progress Bar
Responsive Design
Automatically adjusts to streak length and styling.
One-Click Button with Gradient
Interactive UX
Gradient-themed buttons for quick check-ins.
Settings
| Setting Name | Section | Type |
|---|---|---|
| Card Background | Card | color |
| Gradient From | Card | color |
| Gradient To | Card | color |
| Header Text Color | Card | color |
| Label Text Color | Card | color |
| Streak Number Color | Streak | color |
| Progress Bar | Streak | color |
| Progress Background | Streak | color |
| Footer Background | Footer | color |
| Button Gradient From | Footer | color |
| Button Gradient To | Footer | color |
| Button Text Color | Footer | color |
Add a Bold Streak Statement
Style your Notion streaks with elegant gradients and full customization to suit your page aesthetic.