taste-skill v1.2 · 30 design systems
●/llms.txt
taste-skill / Components / Dub Cards

Dub Card Component Styles

7 Dub card containers extracted from dub.co: backgrounds, 20px 20px 0px 0px/12px 12px 0px 0px/8px radii, borders and shadows, rendered live with CSS and Tailwind code.

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

Rendered on the Dub canvas

Card 1
radius 20px 20px 0px 0px · padding 12px 12px
Card 2
radius 12px 12px 0px 0px · padding 0px 0px
Card 3
radius 8px · padding 0px 0px
Card 4
radius 8px · padding 0px 0px
Card 5
radius 12px · padding 0px 0px
Card 6
radius 12px · padding 16px 16px
Card 7
radius 6px · padding 0px 0px

Card specs

#BackgroundBorderRadiusPaddingShadow
1transparent1px solid #E5E5E520px 20px 0px 0px12px 12pxnone
2#FFFFFF1px solid #D4D4D412px 12px 0px 0px0px 0pxnone
3transparent1px solid #E5E5E58px0px 0pxnone
4#FFFFFF1px solid #E5E5E58px0px 0pxnone
5transparent1px solid #E5E5E512px0px 0pxrgba(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
6#FFFFFF1px solid #E5E5E512px16px 16pxrgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.09) 0px 20px 20px 0px
7transparent1px solid #D1D5DB6px0px 0pxnone

Copy-paste code

Card 1
.card-dub-1 {
  background:transparent;
  border:1px solid #E5E5E5;
  border-radius:20px 20px 0px 0px;
  padding:12px 12px;
}
Card 2
.card-dub-2 {
  background:#FFFFFF;
  border:1px solid #D4D4D4;
  border-radius:12px 12px 0px 0px;
  padding:20px;
}
Card 3
.card-dub-3 {
  background:transparent;
  border:1px solid #E5E5E5;
  border-radius:8px;
  padding:20px;
}
Card 4
.card-dub-4 {
  background:#FFFFFF;
  border:1px solid #E5E5E5;
  border-radius:8px;
  padding:20px;
}

More Dub

Dub full token specDub style guideDub ButtonsDub Pricing TableDub vs PostHogLinear vs DubCal.com vs DubDub vs Loops

Same component, other brands

Linear CardsStripe CardsResend CardsVercel CardsSupabase CardsRaycast CardsCursor CardsClerk CardsMintlify CardsCal.com CardsTurso CardsUpstash Cards

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

See taste-skill Pro →