taste-skill / Components / Upstash Cards

Upstash Card Component Styles

3 Upstash card containers extracted from upstash.com: backgrounds, 35.2px radii, borders and shadows, rendered live with CSS and Tailwind code.

Source: computed styles extracted from https://upstash.com on 2026-10-26 by the taste-skill extractor. Brand fonts may be proprietary; previews fall back to Inter / system fonts. Upstash is a trademark of its owner; this page documents publicly visible styling for reference and is not affiliated with Upstash.

Rendered on the Upstash canvas

Card 1

radius 35.2px · padding 24px 48px

Card 2

radius 35.2px · padding 32px 32px

Card 3

radius 35.2px · padding 32px 32px

Card specs

#	Background	Border	Radius	Padding	Shadow
1	`#F5F5F5`	`none`	`35.2px`	`24px 48px`	`rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px`
2	`#FFFFFF`	`none`	`35.2px`	`32px 32px`	`rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px`
3	`#FFFFFF`	`1px solid rgba(0, 0, 0, 0.05)`	`35.2px`	`32px 32px`	`rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px`

Copy-paste code

Card 1

.card-upstash-1 {
  background:#F5F5F5;
  border:1px solid rgba(0, 0, 0, 0.05);
  border-radius:35.2px;
  padding:24px 48px;
  box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
  backdrop-filter:blur(8px);
}

Card 2

.card-upstash-2 {
  background:#FFFFFF;
  border:1px solid rgba(0, 0, 0, 0.05);
  border-radius:35.2px;
  padding:32px 32px;
  box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

Card 3

.card-upstash-3 {
  background:#FFFFFF;
  border:1px solid rgba(0, 0, 0, 0.05);
  border-radius:35.2px;
  padding:32px 32px;
  box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

Get all 30 full SKILL.md specs (Cursor / Claude Code / Codex ready) plus the Pro growth skills.

See taste-skill Pro →

Upstash Card Component Styles

Rendered on the Upstash canvas

Card specs

Copy-paste code

More Upstash

Same component, other brands