taste-skill / Components / Inngest Cards

Inngest Card Component Styles

2 Inngest card containers extracted from inngest.com: backgrounds, 6px/8px radii, borders and shadows, rendered live with CSS and Tailwind code.

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

Rendered on the Inngest canvas

Card 1

radius 6px · padding 20px 20px

Card 2

radius 8px · padding 20px 16px

Card specs

#	Background	Border	Radius	Padding	Shadow
1	`transparent`	`none`	`6px`	`20px 20px`	`none`
2	`transparent`	`none`	`8px`	`20px 16px`	`none`

Copy-paste code

Card 1

.card-inngest-1 {
  background:transparent;
  border:1px solid rgba(255, 255, 255, 0.08);
  border-radius:6px;
  padding:20px 20px;
}

Card 2

.card-inngest-2 {
  background:transparent;
  border:1px solid rgba(255, 255, 255, 0.08);
  border-radius:8px;
  padding:20px 16px;
}

More Inngest

Inngest full token spec Inngest style guide Inngest Buttons Inngest Pricing Table Trigger.dev vs Inngest

Same component, other brands

Linear Cards Stripe Cards Resend Cards Vercel Cards Supabase Cards Raycast Cards Cursor Cards Clerk Cards Mintlify Cards Cal.com Cards Dub Cards Turso Cards

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

See taste-skill Pro →