taste-skill / Components / Resend Cards
Resend Card Component Styles
3 Resend card containers extracted from resend.com: backgrounds, 24px/16px/16px 16px 0px 0px radii, borders and shadows, rendered live with CSS and Tailwind code.
Source: computed styles extracted from
https://resend.com on 2026-10-26 by the taste-skill extractor. Brand fonts may be proprietary; previews fall back to Inter / system fonts. Resend is a trademark of its owner; this page documents publicly visible styling for reference and is not affiliated with Resend.Rendered on the Resend canvas
Card 1
radius 24px · padding 0px 0px
Card 2
radius 16px · padding 0px 0px
Card 3
radius 16px 16px 0px 0px · padding 0px 0px
Card specs
| # | Background | Border | Radius | Padding | Shadow |
|---|---|---|---|---|---|
| 1 | transparent | 1px solid rgba(212, 234, 255, 0.19) | 24px | 0px 0px | none |
| 2 | transparent | 1px solid rgba(212, 234, 255, 0.19) | 16px | 0px 0px | none |
| 3 | #000000 | 1px solid #262A2D | 16px 16px 0px 0px | 0px 0px | none |
Copy-paste code
Card 1
.card-resend-1 {
background:transparent;
border:1px solid rgba(212, 234, 255, 0.19);
border-radius:24px;
padding:20px;
}Card 2
.card-resend-2 {
background:transparent;
border:1px solid rgba(212, 234, 255, 0.19);
border-radius:16px;
padding:20px;
}Card 3
.card-resend-3 {
background:#000000;
border:1px solid #262A2D;
border-radius:16px 16px 0px 0px;
padding:20px;
}More Resend
Resend full token specResend style guideResend ButtonsResend Pricing TableResend vs LoopsResend vs MintlifyResend vs NeonResend vs Railway
Same component, other brands
Get all 30 full SKILL.md specs (Cursor / Claude Code / Codex ready) plus the Pro growth skills.
See taste-skill Pro →