Buttons
Badges & alerts
Primary Secondary Soft primary Soft secondaryNew Ethiopia Kochere lot on the bar — notes of blueberry and jasmine.
Wholesale inquiries welcome — email wholesale@example.com.
Cards & quotes
Single origin
Ethiopia Kochere
Light roast — filter and espresso.
Feature card
Icon-led highlight with hover lift — use on landing pages.
Coffee is a language in itself.
Menu cards
Forms
Navigation
Accordion & list group
Full CSS, minified CSS, SCSS source, JavaScript, HTML examples, docs, and commercial license.
Yes — the commercial license covers unlimited client projects.
Change
$theme-brand in scss/_variables.scss and rebuild.- Active item
- Second item
- Third item
Modal, dropdown & offcanvas
Button & input groups
Carousel
Table
| Drink | Size | Price |
|---|---|---|
| Espresso | Double | $4 |
| Pour-over | 12 oz | $6 |
| Cold brew | 16 oz | $5 |
Spinners & toasts
Loading
Loading
Saved successfully — theme settings updated.
Palette & utilities
.bg-brand
.bg-accent
.bg-deep
.bg-surface-2
.text-gradient
.section-tint — alternating band background for landing pages.