resend/design-skills

Overview

This skill provides a centralized gateway to Resend's design resources, including brand guidelines, visual identity, and related sub-skills. It routes requests to the appropriate design asset or guideline so teams can apply consistent brand elements quickly. Use it to ensure artifacts follow Resend's official look and feel.

How this skill works

The skill maps design requests to specific resources: brand color palettes, typography, component usage, and visual identity rules. It directs users to the Resend brand guidelines and any focused design sub-skills for practical examples and implementation details. Responses summarize the relevant guideline and link to the appropriate resource or sub-skill for deeper reference.

When to use it

• Creating marketing or product visuals that must match Resend's brand
• Building UI components and needing official color and typography specs
• Preparing pitch decks, social posts, or presentation assets aligned to brand
• Onboarding new designers or engineers to Resend's visual identity
• Reviewing designs for brand compliance before release

Best practices

• Always reference the official color palette and accessible contrast ratios
• Follow the prescribed type scale and hierarchy for consistency
• Use approved logos and spacing rules; avoid unapproved alterations
• Prefer recommended component usage patterns over ad-hoc styling
• Link back to the source guideline when sharing assets with stakeholders

Example use cases

• A product designer applying Resend typography and spacing to a new dashboard
• A marketer producing a social graphic using official colors and logo placement
• An engineer implementing a UI kit that matches Resend's component styles
• A content creator confirming brand-compliant imagery and iconography
• A design reviewer checking conformity before a release or campaign