resend-design-skills

Create marketing materials and UI components following Resend's brand guidelines.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/joaopcm/dotfiles --skill resend-design-skills-joaopcm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: resend-design-skills
Source: https://github.com/joaopcm/dotfiles/tree/main/agents/skills/resend-design-skills
Command: npx skills add https://github.com/joaopcm/dotfiles --skill resend-design-skills-joaopcm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides immediate access to Resend's official brand guidelines, ensuring all visual and design elements are consistent and on-brand.

Core Features & Use Cases

  • Brand Consistency: Access core colors, typography rules, and logo assets.
  • Design System Adherence: Ensure UI components, marketing materials, and documents follow Resend's visual identity.
  • Use Case: When designing a new feature's UI, ask the Skill for the correct button color and font for headings to maintain brand integrity.

Quick Start

Use the resend-brand skill to get the hex code for Resend's primary black color.

Frequently Asked Questions about resend-design-skills

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are Resend's brand guidelines for typography and color codes?

Resend's brand guidelines specify exact font families, typography scales, and hex color codes to ensure visual identity consistency. You can retrieve the specific primary black color hex code and required heading fonts to maintain brand integrity across UI components and marketing materials.

How do I ensure my UI components follow Resend's visual identity?

To ensure UI components follow Resend's visual identity, apply the specific font families, color codes, and logo usage rules defined in the brand guidelines. Querying the brand guidelines provides the exact design principles needed for creating compliant visual content.

Can I use Resend's logo assets for marketing materials without restrictions?

No, using Resend's logo assets requires adherence to specific asset usage restrictions. The brand guidelines enforce logo usage rules to maintain brand consistency, meaning you must follow established design principles rather than applying assets freely.

Where can I find the correct hex code for Resend's primary black color?

You can find the correct hex code for Resend's primary black color by accessing Resend's comprehensive brand guidelines. The guidelines provide the exact color palettes required to ensure your design materials adhere to Resend's established visual identity.

What is the best way to maintain brand consistency when designing new features for Resend?

The best way to maintain brand consistency when designing new features is to reference Resend's brand guidelines for correct button colors and heading fonts. This ensures your UI components and visual content strictly adhere to the established identity and design system.