[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-resend-resend-brand":3,"mdc-fxtthz-key":36,"related-repo-resend-resend-brand":1212,"related-org-resend-resend-brand":1238},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"resend-brand","create Resend brand and marketing materials","Use when creating Resend marketing materials, documents, presentations, or visual content. Triggers for Resend brand, Resend style, or Resend visual identity requests.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"resend","Resend","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fresend.jpg",[12,16,19,22],{"name":13,"slug":14,"type":15},"Marketing","marketing","tag",{"name":17,"slug":18,"type":15},"Creative","creative",{"name":20,"slug":21,"type":15},"Branding","branding",{"name":23,"slug":24,"type":15},"Design","design",39,"https:\u002F\u002Fgithub.com\u002Fresend\u002Fdesign-skills","2026-07-14T05:44:56.364329",null,3,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"Resend's official brand identity and style resources","https:\u002F\u002Fgithub.com\u002Fresend\u002Fdesign-skills\u002Ftree\u002FHEAD\u002Fresend-brand","---\nname: resend-brand\ndescription: Use when creating Resend marketing materials, documents, presentations, or visual content. Triggers for Resend brand, Resend style, or Resend visual identity requests.\nmetadata:\n  author: resend\n  version: \"1.0.2\"\n---\n\n# Resend Brand Guidelines\n\n## Core Colors\n\n| Name         | Hex       |\n| ------------ | --------- |\n| Resend Black | `#000000` |\n| Resend White | `#FDFDFD` |\n\n### Semantic Colors\n\n| Scale | Background  | Foreground  | Usage                                       |\n| ----- | ----------- | ----------- | ------------------------------------------- |\n| Gray  | `#16171AEB` | `#FDFEFFA6` | Structure, hierarchy, and subtle separation |\n| Red   | `#FF173F2D` | `#FF9592`   | Critical states and irreversible actions    |\n| Amber | `#FA820022` | `#FFCA16`   | Caution and pending states                  |\n| Green | `#22FF991E` | `#46FEA5D4` | Success and completion                      |\n| Blue  | `#0077FF3A` | `#70B8FF`   | Interactive and informational elements      |\n\n## Typography\n\n| Font                       | Role                                    |\n| -------------------------- | --------------------------------------- |\n| **Domaine Display Narrow** | Display headlines (never in product UI) |\n| **Favorit**                | Headings & titles                       |\n| **Inter**                  | Body text                               |\n| **CommitMono**             | Code                                    |\n\n### Typography Rules\n\n- Use **sentence case** everywhere (headings, buttons, labels, navigation)\n- Never use the Domaine font in bold\n- Never use monospace for titles or body copy\n- Never replace brand fonts with alternatives\n\n### Typography Scale\n\n**Display**\n| Style | Font | Size\u002FLine | Letter Spacing |\n|-------|------|-----------|----------------|\n| display\u002Flarge | Domaine Display Narrow | 96\u002F96 | -0.96px |\n| title | Resend Favorit | 60\u002F64 | -2.8px |\n| small | Domaine Display Narrow | 72\u002F72 | -0.77px |\n\n**Body**\n| Style | Font | Weight | Size\u002FLine |\n|-------|------|--------|-----------|\n| xlarge | Resend Favorit | Regular | 24\u002F32 |\n| large | Inter | Regular\u002FMedium | 18\u002F28 |\n| medium | Inter | Regular\u002FMedium\u002FSemi Bold | 16\u002F24 |\n| small | Inter | Regular | 14\u002F20 |\n| code | CommitMono | Regular | 14\u002F20 |\n\n## Logo\n\n**Wordmark**\n\n- `https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-wordmark-white.svg`\n- `https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-wordmark-white.png`\n- `https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-wordmark-black.svg`\n- `https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-wordmark-black.png`\n\n**Lettermark**\n\n- `https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-icon-white.svg`\n- `https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-icon-white.png`\n- `https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-icon-black.svg`\n- `https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-icon-black.png`\n\n### Clearspace\n\nMinimum clear space = 1\u002F2 cap height on all sides\n\n### Minimum Size\n\n- Preferred: 24px height\n- Extreme cases: 16px height minimum\n\n### Logo Restrictions\n\nNever: rotate, apply effects, outline, slant\u002Fstretch, use multiple colors, use low resolution, combine symbol+wordmark, modify proportions\n\n## Cube Element\n\nSecondary brand symbol. Never use as: primary logo, navigation element, or with modified geometry\u002Fcolors.\n\n## Gradients\n\n| Name            | Value                                                                                                    |\n| --------------- | -------------------------------------------------------------------------------------------------------- |\n| Font gradient   | `linear-gradient(97deg, #ffffff 30%, rgba(255,255,255,0.50) 100%)`                                       |\n| Smooth gradient | `linear-gradient(96deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.10) 100%)`                         |\n| Border          | `linear-gradient(180deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.05) 100%)`                        |\n| Rainbow border  | `linear-gradient(90deg, rgba(2,252,239,0.44) 0%, rgba(255,181,43,0.44) 50%, rgba(160,43,254,0.44) 100%)` |\n\n## Effects\n\n| Name       | Value                         |\n| ---------- | ----------------------------- |\n| Glass blur | `backdrop-filter: blur(25px)` |\n\n## Textures\n\n- **Noise**: Hero backgrounds, atmospheric depth\n  `https:\u002F\u002Fresend.com\u002Fstatic\u002Fproduct-pages\u002Fnoise.png`\n\n## Backgrounds\n\nBrand wallpapers available at: https:\u002F\u002Fresend.com\u002Fwallpapers\n\n## Layout Patterns\n\n| Name                 | Description                                                           |\n| -------------------- | --------------------------------------------------------------------- |\n| Right Object Scene   | Small label top-left, title top-left (2 lines), 3D object right       |\n| Interface Scene      | Label top-left, title bottom-left (2 lines), UI screenshot background |\n| Text Only Scene      | Title top-left, 3D abstract scene fills background                    |\n| Text Only Background | Large title centered, subtle texture\u002Fgradient background              |\n| Text Only Subtle     | Small centered text (2 lines), minimal dark background                |\n| Big Number           | Large display number centered (Domaine), small label below            |\n\n**Common patterns:**\n\n- Label\u002Fcategory always small, top-left or top-center\n- Titles use 2-line breaks for rhythm\n- Titles are never longer than 3 lines.\n- Objects positioned right, left, or as full background\n- Dark backgrounds with subtle depth\n\n## Design Principles\n\n1. Dark-first design philosophy\n2. Sharp contrast between black and light\n3. Precision and focus over decoration\n4. Accent colors communicate state, not style\n5. Simple, stable, intentional forms\n",{"data":37,"body":40},{"name":4,"description":6,"metadata":38},{"author":8,"version":39},"1.0.2",{"type":41,"children":42},"root",[43,52,59,122,129,316,322,409,415,447,453,462,560,568,702,708,716,755,763,802,808,813,819,832,838,843,849,854,860,949,955,992,998,1017,1023,1036,1042,1141,1149,1177,1183],{"type":44,"tag":45,"props":46,"children":48},"element","h1",{"id":47},"resend-brand-guidelines",[49],{"type":50,"value":51},"text","Resend Brand Guidelines",{"type":44,"tag":53,"props":54,"children":56},"h2",{"id":55},"core-colors",[57],{"type":50,"value":58},"Core Colors",{"type":44,"tag":60,"props":61,"children":62},"table",{},[63,82],{"type":44,"tag":64,"props":65,"children":66},"thead",{},[67],{"type":44,"tag":68,"props":69,"children":70},"tr",{},[71,77],{"type":44,"tag":72,"props":73,"children":74},"th",{},[75],{"type":50,"value":76},"Name",{"type":44,"tag":72,"props":78,"children":79},{},[80],{"type":50,"value":81},"Hex",{"type":44,"tag":83,"props":84,"children":85},"tbody",{},[86,105],{"type":44,"tag":68,"props":87,"children":88},{},[89,95],{"type":44,"tag":90,"props":91,"children":92},"td",{},[93],{"type":50,"value":94},"Resend Black",{"type":44,"tag":90,"props":96,"children":97},{},[98],{"type":44,"tag":99,"props":100,"children":102},"code",{"className":101},[],[103],{"type":50,"value":104},"#000000",{"type":44,"tag":68,"props":106,"children":107},{},[108,113],{"type":44,"tag":90,"props":109,"children":110},{},[111],{"type":50,"value":112},"Resend White",{"type":44,"tag":90,"props":114,"children":115},{},[116],{"type":44,"tag":99,"props":117,"children":119},{"className":118},[],[120],{"type":50,"value":121},"#FDFDFD",{"type":44,"tag":123,"props":124,"children":126},"h3",{"id":125},"semantic-colors",[127],{"type":50,"value":128},"Semantic Colors",{"type":44,"tag":60,"props":130,"children":131},{},[132,158],{"type":44,"tag":64,"props":133,"children":134},{},[135],{"type":44,"tag":68,"props":136,"children":137},{},[138,143,148,153],{"type":44,"tag":72,"props":139,"children":140},{},[141],{"type":50,"value":142},"Scale",{"type":44,"tag":72,"props":144,"children":145},{},[146],{"type":50,"value":147},"Background",{"type":44,"tag":72,"props":149,"children":150},{},[151],{"type":50,"value":152},"Foreground",{"type":44,"tag":72,"props":154,"children":155},{},[156],{"type":50,"value":157},"Usage",{"type":44,"tag":83,"props":159,"children":160},{},[161,192,223,254,285],{"type":44,"tag":68,"props":162,"children":163},{},[164,169,178,187],{"type":44,"tag":90,"props":165,"children":166},{},[167],{"type":50,"value":168},"Gray",{"type":44,"tag":90,"props":170,"children":171},{},[172],{"type":44,"tag":99,"props":173,"children":175},{"className":174},[],[176],{"type":50,"value":177},"#16171AEB",{"type":44,"tag":90,"props":179,"children":180},{},[181],{"type":44,"tag":99,"props":182,"children":184},{"className":183},[],[185],{"type":50,"value":186},"#FDFEFFA6",{"type":44,"tag":90,"props":188,"children":189},{},[190],{"type":50,"value":191},"Structure, hierarchy, and subtle separation",{"type":44,"tag":68,"props":193,"children":194},{},[195,200,209,218],{"type":44,"tag":90,"props":196,"children":197},{},[198],{"type":50,"value":199},"Red",{"type":44,"tag":90,"props":201,"children":202},{},[203],{"type":44,"tag":99,"props":204,"children":206},{"className":205},[],[207],{"type":50,"value":208},"#FF173F2D",{"type":44,"tag":90,"props":210,"children":211},{},[212],{"type":44,"tag":99,"props":213,"children":215},{"className":214},[],[216],{"type":50,"value":217},"#FF9592",{"type":44,"tag":90,"props":219,"children":220},{},[221],{"type":50,"value":222},"Critical states and irreversible actions",{"type":44,"tag":68,"props":224,"children":225},{},[226,231,240,249],{"type":44,"tag":90,"props":227,"children":228},{},[229],{"type":50,"value":230},"Amber",{"type":44,"tag":90,"props":232,"children":233},{},[234],{"type":44,"tag":99,"props":235,"children":237},{"className":236},[],[238],{"type":50,"value":239},"#FA820022",{"type":44,"tag":90,"props":241,"children":242},{},[243],{"type":44,"tag":99,"props":244,"children":246},{"className":245},[],[247],{"type":50,"value":248},"#FFCA16",{"type":44,"tag":90,"props":250,"children":251},{},[252],{"type":50,"value":253},"Caution and pending states",{"type":44,"tag":68,"props":255,"children":256},{},[257,262,271,280],{"type":44,"tag":90,"props":258,"children":259},{},[260],{"type":50,"value":261},"Green",{"type":44,"tag":90,"props":263,"children":264},{},[265],{"type":44,"tag":99,"props":266,"children":268},{"className":267},[],[269],{"type":50,"value":270},"#22FF991E",{"type":44,"tag":90,"props":272,"children":273},{},[274],{"type":44,"tag":99,"props":275,"children":277},{"className":276},[],[278],{"type":50,"value":279},"#46FEA5D4",{"type":44,"tag":90,"props":281,"children":282},{},[283],{"type":50,"value":284},"Success and completion",{"type":44,"tag":68,"props":286,"children":287},{},[288,293,302,311],{"type":44,"tag":90,"props":289,"children":290},{},[291],{"type":50,"value":292},"Blue",{"type":44,"tag":90,"props":294,"children":295},{},[296],{"type":44,"tag":99,"props":297,"children":299},{"className":298},[],[300],{"type":50,"value":301},"#0077FF3A",{"type":44,"tag":90,"props":303,"children":304},{},[305],{"type":44,"tag":99,"props":306,"children":308},{"className":307},[],[309],{"type":50,"value":310},"#70B8FF",{"type":44,"tag":90,"props":312,"children":313},{},[314],{"type":50,"value":315},"Interactive and informational elements",{"type":44,"tag":53,"props":317,"children":319},{"id":318},"typography",[320],{"type":50,"value":321},"Typography",{"type":44,"tag":60,"props":323,"children":324},{},[325,341],{"type":44,"tag":64,"props":326,"children":327},{},[328],{"type":44,"tag":68,"props":329,"children":330},{},[331,336],{"type":44,"tag":72,"props":332,"children":333},{},[334],{"type":50,"value":335},"Font",{"type":44,"tag":72,"props":337,"children":338},{},[339],{"type":50,"value":340},"Role",{"type":44,"tag":83,"props":342,"children":343},{},[344,361,377,393],{"type":44,"tag":68,"props":345,"children":346},{},[347,356],{"type":44,"tag":90,"props":348,"children":349},{},[350],{"type":44,"tag":351,"props":352,"children":353},"strong",{},[354],{"type":50,"value":355},"Domaine Display Narrow",{"type":44,"tag":90,"props":357,"children":358},{},[359],{"type":50,"value":360},"Display headlines (never in product UI)",{"type":44,"tag":68,"props":362,"children":363},{},[364,372],{"type":44,"tag":90,"props":365,"children":366},{},[367],{"type":44,"tag":351,"props":368,"children":369},{},[370],{"type":50,"value":371},"Favorit",{"type":44,"tag":90,"props":373,"children":374},{},[375],{"type":50,"value":376},"Headings & titles",{"type":44,"tag":68,"props":378,"children":379},{},[380,388],{"type":44,"tag":90,"props":381,"children":382},{},[383],{"type":44,"tag":351,"props":384,"children":385},{},[386],{"type":50,"value":387},"Inter",{"type":44,"tag":90,"props":389,"children":390},{},[391],{"type":50,"value":392},"Body text",{"type":44,"tag":68,"props":394,"children":395},{},[396,404],{"type":44,"tag":90,"props":397,"children":398},{},[399],{"type":44,"tag":351,"props":400,"children":401},{},[402],{"type":50,"value":403},"CommitMono",{"type":44,"tag":90,"props":405,"children":406},{},[407],{"type":50,"value":408},"Code",{"type":44,"tag":123,"props":410,"children":412},{"id":411},"typography-rules",[413],{"type":50,"value":414},"Typography Rules",{"type":44,"tag":416,"props":417,"children":418},"ul",{},[419,432,437,442],{"type":44,"tag":420,"props":421,"children":422},"li",{},[423,425,430],{"type":50,"value":424},"Use ",{"type":44,"tag":351,"props":426,"children":427},{},[428],{"type":50,"value":429},"sentence case",{"type":50,"value":431}," everywhere (headings, buttons, labels, navigation)",{"type":44,"tag":420,"props":433,"children":434},{},[435],{"type":50,"value":436},"Never use the Domaine font in bold",{"type":44,"tag":420,"props":438,"children":439},{},[440],{"type":50,"value":441},"Never use monospace for titles or body copy",{"type":44,"tag":420,"props":443,"children":444},{},[445],{"type":50,"value":446},"Never replace brand fonts with alternatives",{"type":44,"tag":123,"props":448,"children":450},{"id":449},"typography-scale",[451],{"type":50,"value":452},"Typography Scale",{"type":44,"tag":454,"props":455,"children":456},"p",{},[457],{"type":44,"tag":351,"props":458,"children":459},{},[460],{"type":50,"value":461},"Display",{"type":44,"tag":60,"props":463,"children":464},{},[465,490],{"type":44,"tag":64,"props":466,"children":467},{},[468],{"type":44,"tag":68,"props":469,"children":470},{},[471,476,480,485],{"type":44,"tag":72,"props":472,"children":473},{},[474],{"type":50,"value":475},"Style",{"type":44,"tag":72,"props":477,"children":478},{},[479],{"type":50,"value":335},{"type":44,"tag":72,"props":481,"children":482},{},[483],{"type":50,"value":484},"Size\u002FLine",{"type":44,"tag":72,"props":486,"children":487},{},[488],{"type":50,"value":489},"Letter Spacing",{"type":44,"tag":83,"props":491,"children":492},{},[493,515,538],{"type":44,"tag":68,"props":494,"children":495},{},[496,501,505,510],{"type":44,"tag":90,"props":497,"children":498},{},[499],{"type":50,"value":500},"display\u002Flarge",{"type":44,"tag":90,"props":502,"children":503},{},[504],{"type":50,"value":355},{"type":44,"tag":90,"props":506,"children":507},{},[508],{"type":50,"value":509},"96\u002F96",{"type":44,"tag":90,"props":511,"children":512},{},[513],{"type":50,"value":514},"-0.96px",{"type":44,"tag":68,"props":516,"children":517},{},[518,523,528,533],{"type":44,"tag":90,"props":519,"children":520},{},[521],{"type":50,"value":522},"title",{"type":44,"tag":90,"props":524,"children":525},{},[526],{"type":50,"value":527},"Resend Favorit",{"type":44,"tag":90,"props":529,"children":530},{},[531],{"type":50,"value":532},"60\u002F64",{"type":44,"tag":90,"props":534,"children":535},{},[536],{"type":50,"value":537},"-2.8px",{"type":44,"tag":68,"props":539,"children":540},{},[541,546,550,555],{"type":44,"tag":90,"props":542,"children":543},{},[544],{"type":50,"value":545},"small",{"type":44,"tag":90,"props":547,"children":548},{},[549],{"type":50,"value":355},{"type":44,"tag":90,"props":551,"children":552},{},[553],{"type":50,"value":554},"72\u002F72",{"type":44,"tag":90,"props":556,"children":557},{},[558],{"type":50,"value":559},"-0.77px",{"type":44,"tag":454,"props":561,"children":562},{},[563],{"type":44,"tag":351,"props":564,"children":565},{},[566],{"type":50,"value":567},"Body",{"type":44,"tag":60,"props":569,"children":570},{},[571,594],{"type":44,"tag":64,"props":572,"children":573},{},[574],{"type":44,"tag":68,"props":575,"children":576},{},[577,581,585,590],{"type":44,"tag":72,"props":578,"children":579},{},[580],{"type":50,"value":475},{"type":44,"tag":72,"props":582,"children":583},{},[584],{"type":50,"value":335},{"type":44,"tag":72,"props":586,"children":587},{},[588],{"type":50,"value":589},"Weight",{"type":44,"tag":72,"props":591,"children":592},{},[593],{"type":50,"value":484},{"type":44,"tag":83,"props":595,"children":596},{},[597,619,641,663,683],{"type":44,"tag":68,"props":598,"children":599},{},[600,605,609,614],{"type":44,"tag":90,"props":601,"children":602},{},[603],{"type":50,"value":604},"xlarge",{"type":44,"tag":90,"props":606,"children":607},{},[608],{"type":50,"value":527},{"type":44,"tag":90,"props":610,"children":611},{},[612],{"type":50,"value":613},"Regular",{"type":44,"tag":90,"props":615,"children":616},{},[617],{"type":50,"value":618},"24\u002F32",{"type":44,"tag":68,"props":620,"children":621},{},[622,627,631,636],{"type":44,"tag":90,"props":623,"children":624},{},[625],{"type":50,"value":626},"large",{"type":44,"tag":90,"props":628,"children":629},{},[630],{"type":50,"value":387},{"type":44,"tag":90,"props":632,"children":633},{},[634],{"type":50,"value":635},"Regular\u002FMedium",{"type":44,"tag":90,"props":637,"children":638},{},[639],{"type":50,"value":640},"18\u002F28",{"type":44,"tag":68,"props":642,"children":643},{},[644,649,653,658],{"type":44,"tag":90,"props":645,"children":646},{},[647],{"type":50,"value":648},"medium",{"type":44,"tag":90,"props":650,"children":651},{},[652],{"type":50,"value":387},{"type":44,"tag":90,"props":654,"children":655},{},[656],{"type":50,"value":657},"Regular\u002FMedium\u002FSemi Bold",{"type":44,"tag":90,"props":659,"children":660},{},[661],{"type":50,"value":662},"16\u002F24",{"type":44,"tag":68,"props":664,"children":665},{},[666,670,674,678],{"type":44,"tag":90,"props":667,"children":668},{},[669],{"type":50,"value":545},{"type":44,"tag":90,"props":671,"children":672},{},[673],{"type":50,"value":387},{"type":44,"tag":90,"props":675,"children":676},{},[677],{"type":50,"value":613},{"type":44,"tag":90,"props":679,"children":680},{},[681],{"type":50,"value":682},"14\u002F20",{"type":44,"tag":68,"props":684,"children":685},{},[686,690,694,698],{"type":44,"tag":90,"props":687,"children":688},{},[689],{"type":50,"value":99},{"type":44,"tag":90,"props":691,"children":692},{},[693],{"type":50,"value":403},{"type":44,"tag":90,"props":695,"children":696},{},[697],{"type":50,"value":613},{"type":44,"tag":90,"props":699,"children":700},{},[701],{"type":50,"value":682},{"type":44,"tag":53,"props":703,"children":705},{"id":704},"logo",[706],{"type":50,"value":707},"Logo",{"type":44,"tag":454,"props":709,"children":710},{},[711],{"type":44,"tag":351,"props":712,"children":713},{},[714],{"type":50,"value":715},"Wordmark",{"type":44,"tag":416,"props":717,"children":718},{},[719,728,737,746],{"type":44,"tag":420,"props":720,"children":721},{},[722],{"type":44,"tag":99,"props":723,"children":725},{"className":724},[],[726],{"type":50,"value":727},"https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-wordmark-white.svg",{"type":44,"tag":420,"props":729,"children":730},{},[731],{"type":44,"tag":99,"props":732,"children":734},{"className":733},[],[735],{"type":50,"value":736},"https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-wordmark-white.png",{"type":44,"tag":420,"props":738,"children":739},{},[740],{"type":44,"tag":99,"props":741,"children":743},{"className":742},[],[744],{"type":50,"value":745},"https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-wordmark-black.svg",{"type":44,"tag":420,"props":747,"children":748},{},[749],{"type":44,"tag":99,"props":750,"children":752},{"className":751},[],[753],{"type":50,"value":754},"https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-wordmark-black.png",{"type":44,"tag":454,"props":756,"children":757},{},[758],{"type":44,"tag":351,"props":759,"children":760},{},[761],{"type":50,"value":762},"Lettermark",{"type":44,"tag":416,"props":764,"children":765},{},[766,775,784,793],{"type":44,"tag":420,"props":767,"children":768},{},[769],{"type":44,"tag":99,"props":770,"children":772},{"className":771},[],[773],{"type":50,"value":774},"https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-icon-white.svg",{"type":44,"tag":420,"props":776,"children":777},{},[778],{"type":44,"tag":99,"props":779,"children":781},{"className":780},[],[782],{"type":50,"value":783},"https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-icon-white.png",{"type":44,"tag":420,"props":785,"children":786},{},[787],{"type":44,"tag":99,"props":788,"children":790},{"className":789},[],[791],{"type":50,"value":792},"https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-icon-black.svg",{"type":44,"tag":420,"props":794,"children":795},{},[796],{"type":44,"tag":99,"props":797,"children":799},{"className":798},[],[800],{"type":50,"value":801},"https:\u002F\u002Fcdn.resend.com\u002Fbrand\u002Fresend-icon-black.png",{"type":44,"tag":123,"props":803,"children":805},{"id":804},"clearspace",[806],{"type":50,"value":807},"Clearspace",{"type":44,"tag":454,"props":809,"children":810},{},[811],{"type":50,"value":812},"Minimum clear space = 1\u002F2 cap height on all sides",{"type":44,"tag":123,"props":814,"children":816},{"id":815},"minimum-size",[817],{"type":50,"value":818},"Minimum Size",{"type":44,"tag":416,"props":820,"children":821},{},[822,827],{"type":44,"tag":420,"props":823,"children":824},{},[825],{"type":50,"value":826},"Preferred: 24px height",{"type":44,"tag":420,"props":828,"children":829},{},[830],{"type":50,"value":831},"Extreme cases: 16px height minimum",{"type":44,"tag":123,"props":833,"children":835},{"id":834},"logo-restrictions",[836],{"type":50,"value":837},"Logo Restrictions",{"type":44,"tag":454,"props":839,"children":840},{},[841],{"type":50,"value":842},"Never: rotate, apply effects, outline, slant\u002Fstretch, use multiple colors, use low resolution, combine symbol+wordmark, modify proportions",{"type":44,"tag":53,"props":844,"children":846},{"id":845},"cube-element",[847],{"type":50,"value":848},"Cube Element",{"type":44,"tag":454,"props":850,"children":851},{},[852],{"type":50,"value":853},"Secondary brand symbol. Never use as: primary logo, navigation element, or with modified geometry\u002Fcolors.",{"type":44,"tag":53,"props":855,"children":857},{"id":856},"gradients",[858],{"type":50,"value":859},"Gradients",{"type":44,"tag":60,"props":861,"children":862},{},[863,878],{"type":44,"tag":64,"props":864,"children":865},{},[866],{"type":44,"tag":68,"props":867,"children":868},{},[869,873],{"type":44,"tag":72,"props":870,"children":871},{},[872],{"type":50,"value":76},{"type":44,"tag":72,"props":874,"children":875},{},[876],{"type":50,"value":877},"Value",{"type":44,"tag":83,"props":879,"children":880},{},[881,898,915,932],{"type":44,"tag":68,"props":882,"children":883},{},[884,889],{"type":44,"tag":90,"props":885,"children":886},{},[887],{"type":50,"value":888},"Font gradient",{"type":44,"tag":90,"props":890,"children":891},{},[892],{"type":44,"tag":99,"props":893,"children":895},{"className":894},[],[896],{"type":50,"value":897},"linear-gradient(97deg, #ffffff 30%, rgba(255,255,255,0.50) 100%)",{"type":44,"tag":68,"props":899,"children":900},{},[901,906],{"type":44,"tag":90,"props":902,"children":903},{},[904],{"type":50,"value":905},"Smooth gradient",{"type":44,"tag":90,"props":907,"children":908},{},[909],{"type":44,"tag":99,"props":910,"children":912},{"className":911},[],[913],{"type":50,"value":914},"linear-gradient(96deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.10) 100%)",{"type":44,"tag":68,"props":916,"children":917},{},[918,923],{"type":44,"tag":90,"props":919,"children":920},{},[921],{"type":50,"value":922},"Border",{"type":44,"tag":90,"props":924,"children":925},{},[926],{"type":44,"tag":99,"props":927,"children":929},{"className":928},[],[930],{"type":50,"value":931},"linear-gradient(180deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.05) 100%)",{"type":44,"tag":68,"props":933,"children":934},{},[935,940],{"type":44,"tag":90,"props":936,"children":937},{},[938],{"type":50,"value":939},"Rainbow border",{"type":44,"tag":90,"props":941,"children":942},{},[943],{"type":44,"tag":99,"props":944,"children":946},{"className":945},[],[947],{"type":50,"value":948},"linear-gradient(90deg, rgba(2,252,239,0.44) 0%, rgba(255,181,43,0.44) 50%, rgba(160,43,254,0.44) 100%)",{"type":44,"tag":53,"props":950,"children":952},{"id":951},"effects",[953],{"type":50,"value":954},"Effects",{"type":44,"tag":60,"props":956,"children":957},{},[958,972],{"type":44,"tag":64,"props":959,"children":960},{},[961],{"type":44,"tag":68,"props":962,"children":963},{},[964,968],{"type":44,"tag":72,"props":965,"children":966},{},[967],{"type":50,"value":76},{"type":44,"tag":72,"props":969,"children":970},{},[971],{"type":50,"value":877},{"type":44,"tag":83,"props":973,"children":974},{},[975],{"type":44,"tag":68,"props":976,"children":977},{},[978,983],{"type":44,"tag":90,"props":979,"children":980},{},[981],{"type":50,"value":982},"Glass blur",{"type":44,"tag":90,"props":984,"children":985},{},[986],{"type":44,"tag":99,"props":987,"children":989},{"className":988},[],[990],{"type":50,"value":991},"backdrop-filter: blur(25px)",{"type":44,"tag":53,"props":993,"children":995},{"id":994},"textures",[996],{"type":50,"value":997},"Textures",{"type":44,"tag":416,"props":999,"children":1000},{},[1001],{"type":44,"tag":420,"props":1002,"children":1003},{},[1004,1009,1011],{"type":44,"tag":351,"props":1005,"children":1006},{},[1007],{"type":50,"value":1008},"Noise",{"type":50,"value":1010},": Hero backgrounds, atmospheric depth\n",{"type":44,"tag":99,"props":1012,"children":1014},{"className":1013},[],[1015],{"type":50,"value":1016},"https:\u002F\u002Fresend.com\u002Fstatic\u002Fproduct-pages\u002Fnoise.png",{"type":44,"tag":53,"props":1018,"children":1020},{"id":1019},"backgrounds",[1021],{"type":50,"value":1022},"Backgrounds",{"type":44,"tag":454,"props":1024,"children":1025},{},[1026,1028],{"type":50,"value":1027},"Brand wallpapers available at: ",{"type":44,"tag":1029,"props":1030,"children":1034},"a",{"href":1031,"rel":1032},"https:\u002F\u002Fresend.com\u002Fwallpapers",[1033],"nofollow",[1035],{"type":50,"value":1031},{"type":44,"tag":53,"props":1037,"children":1039},{"id":1038},"layout-patterns",[1040],{"type":50,"value":1041},"Layout Patterns",{"type":44,"tag":60,"props":1043,"children":1044},{},[1045,1060],{"type":44,"tag":64,"props":1046,"children":1047},{},[1048],{"type":44,"tag":68,"props":1049,"children":1050},{},[1051,1055],{"type":44,"tag":72,"props":1052,"children":1053},{},[1054],{"type":50,"value":76},{"type":44,"tag":72,"props":1056,"children":1057},{},[1058],{"type":50,"value":1059},"Description",{"type":44,"tag":83,"props":1061,"children":1062},{},[1063,1076,1089,1102,1115,1128],{"type":44,"tag":68,"props":1064,"children":1065},{},[1066,1071],{"type":44,"tag":90,"props":1067,"children":1068},{},[1069],{"type":50,"value":1070},"Right Object Scene",{"type":44,"tag":90,"props":1072,"children":1073},{},[1074],{"type":50,"value":1075},"Small label top-left, title top-left (2 lines), 3D object right",{"type":44,"tag":68,"props":1077,"children":1078},{},[1079,1084],{"type":44,"tag":90,"props":1080,"children":1081},{},[1082],{"type":50,"value":1083},"Interface Scene",{"type":44,"tag":90,"props":1085,"children":1086},{},[1087],{"type":50,"value":1088},"Label top-left, title bottom-left (2 lines), UI screenshot background",{"type":44,"tag":68,"props":1090,"children":1091},{},[1092,1097],{"type":44,"tag":90,"props":1093,"children":1094},{},[1095],{"type":50,"value":1096},"Text Only Scene",{"type":44,"tag":90,"props":1098,"children":1099},{},[1100],{"type":50,"value":1101},"Title top-left, 3D abstract scene fills background",{"type":44,"tag":68,"props":1103,"children":1104},{},[1105,1110],{"type":44,"tag":90,"props":1106,"children":1107},{},[1108],{"type":50,"value":1109},"Text Only Background",{"type":44,"tag":90,"props":1111,"children":1112},{},[1113],{"type":50,"value":1114},"Large title centered, subtle texture\u002Fgradient background",{"type":44,"tag":68,"props":1116,"children":1117},{},[1118,1123],{"type":44,"tag":90,"props":1119,"children":1120},{},[1121],{"type":50,"value":1122},"Text Only Subtle",{"type":44,"tag":90,"props":1124,"children":1125},{},[1126],{"type":50,"value":1127},"Small centered text (2 lines), minimal dark background",{"type":44,"tag":68,"props":1129,"children":1130},{},[1131,1136],{"type":44,"tag":90,"props":1132,"children":1133},{},[1134],{"type":50,"value":1135},"Big Number",{"type":44,"tag":90,"props":1137,"children":1138},{},[1139],{"type":50,"value":1140},"Large display number centered (Domaine), small label below",{"type":44,"tag":454,"props":1142,"children":1143},{},[1144],{"type":44,"tag":351,"props":1145,"children":1146},{},[1147],{"type":50,"value":1148},"Common patterns:",{"type":44,"tag":416,"props":1150,"children":1151},{},[1152,1157,1162,1167,1172],{"type":44,"tag":420,"props":1153,"children":1154},{},[1155],{"type":50,"value":1156},"Label\u002Fcategory always small, top-left or top-center",{"type":44,"tag":420,"props":1158,"children":1159},{},[1160],{"type":50,"value":1161},"Titles use 2-line breaks for rhythm",{"type":44,"tag":420,"props":1163,"children":1164},{},[1165],{"type":50,"value":1166},"Titles are never longer than 3 lines.",{"type":44,"tag":420,"props":1168,"children":1169},{},[1170],{"type":50,"value":1171},"Objects positioned right, left, or as full background",{"type":44,"tag":420,"props":1173,"children":1174},{},[1175],{"type":50,"value":1176},"Dark backgrounds with subtle depth",{"type":44,"tag":53,"props":1178,"children":1180},{"id":1179},"design-principles",[1181],{"type":50,"value":1182},"Design Principles",{"type":44,"tag":1184,"props":1185,"children":1186},"ol",{},[1187,1192,1197,1202,1207],{"type":44,"tag":420,"props":1188,"children":1189},{},[1190],{"type":50,"value":1191},"Dark-first design philosophy",{"type":44,"tag":420,"props":1193,"children":1194},{},[1195],{"type":50,"value":1196},"Sharp contrast between black and light",{"type":44,"tag":420,"props":1198,"children":1199},{},[1200],{"type":50,"value":1201},"Precision and focus over decoration",{"type":44,"tag":420,"props":1203,"children":1204},{},[1205],{"type":50,"value":1206},"Accent colors communicate state, not style",{"type":44,"tag":420,"props":1208,"children":1209},{},[1210],{"type":50,"value":1211},"Simple, stable, intentional forms",{"items":1213,"total":1237},[1214,1221],{"slug":4,"name":4,"fn":5,"description":6,"org":1215,"tags":1216,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1217,1218,1219,1220],{"name":20,"slug":21,"type":15},{"name":17,"slug":18,"type":15},{"name":23,"slug":24,"type":15},{"name":13,"slug":14,"type":15},{"slug":1222,"name":1222,"fn":1223,"description":1224,"org":1225,"tags":1226,"stars":25,"repoUrl":26,"updatedAt":1236},"resend-design-skills","access Resend design resources","Use when needing Resend design resources. Routes to brand guidelines and visual identity.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1227,1228,1229,1232,1233],{"name":20,"slug":21,"type":15},{"name":23,"slug":24,"type":15},{"name":1230,"slug":1231,"type":15},"Design System","design-system",{"name":9,"slug":8,"type":15},{"name":1234,"slug":1235,"type":15},"UI Components","ui-components","2026-04-06T18:51:12.604703",2,{"items":1239,"total":1339},[1240,1262,1280,1296,1303,1311,1328],{"slug":1241,"name":1241,"fn":1242,"description":1243,"org":1244,"tags":1245,"stars":1259,"repoUrl":1260,"updatedAt":1261},"email-best-practices","implement email delivery best practices","Use when building email features, emails going to spam, high bounce rates, setting up SPF\u002FDKIM\u002FDMARC authentication, implementing email capture, ensuring compliance (CAN-SPAM, GDPR, CASL), handling webhooks, retry logic, making emails accessible (alt text, headings, contrast, screen readers), or deciding transactional vs marketing.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1246,1249,1252,1255,1256],{"name":1247,"slug":1248,"type":15},"Compliance","compliance",{"name":1250,"slug":1251,"type":15},"Email","email",{"name":1253,"slug":1254,"type":15},"Operations","operations",{"name":9,"slug":8,"type":15},{"name":1257,"slug":1258,"type":15},"Security","security",158,"https:\u002F\u002Fgithub.com\u002Fresend\u002Fresend-skills","2026-05-26T13:25:14.185307",{"slug":1263,"name":1263,"fn":1264,"description":1265,"org":1266,"tags":1267,"stars":1259,"repoUrl":1260,"updatedAt":1279},"react-email","build HTML emails with React Email","Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and the embeddable email editor component.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1268,1269,1272,1275,1276],{"name":1250,"slug":1251,"type":15},{"name":1270,"slug":1271,"type":15},"Frontend","frontend",{"name":1273,"slug":1274,"type":15},"React","react",{"name":9,"slug":8,"type":15},{"name":1277,"slug":1278,"type":15},"Templates","templates","2026-05-26T13:25:11.308896",{"slug":1281,"name":1281,"fn":1282,"description":1283,"org":1284,"tags":1285,"stars":1259,"repoUrl":1260,"updatedAt":1295},"resend-cli","manage Resend platform via CLI","Operate the Resend platform from the terminal — send emails (including React Email .tsx templates via --react-email), manage domains, contacts, broadcasts, templates, webhooks, API keys, logs, automations, and events via the `resend` CLI. Use when the user wants to run Resend commands in the shell, scripts, or CI\u002FCD pipelines, or send\u002Fpreview React Email templates. Always load this skill before running `resend` commands — it contains the non-interactive flag contract and gotchas that prevent silent failures.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1286,1289,1292,1293,1294],{"name":1287,"slug":1288,"type":15},"Automation","automation",{"name":1290,"slug":1291,"type":15},"CLI","cli",{"name":1250,"slug":1251,"type":15},{"name":1253,"slug":1254,"type":15},{"name":9,"slug":8,"type":15},"2026-07-24T05:39:11.114186",{"slug":4,"name":4,"fn":5,"description":6,"org":1297,"tags":1298,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1299,1300,1301,1302],{"name":20,"slug":21,"type":15},{"name":17,"slug":18,"type":15},{"name":23,"slug":24,"type":15},{"name":13,"slug":14,"type":15},{"slug":1222,"name":1222,"fn":1223,"description":1224,"org":1304,"tags":1305,"stars":25,"repoUrl":26,"updatedAt":1236},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1306,1307,1308,1309,1310],{"name":20,"slug":21,"type":15},{"name":23,"slug":24,"type":15},{"name":1230,"slug":1231,"type":15},{"name":9,"slug":8,"type":15},{"name":1234,"slug":1235,"type":15},{"slug":1312,"name":1312,"fn":1313,"description":1314,"org":1315,"tags":1316,"stars":1325,"repoUrl":1326,"updatedAt":1327},"migrate-sendgrid","migrate SendGrid integrations to Resend","Use when migrating SendGrid email integration to Resend - detects @sendgrid\u002Fmail, sgMail, sendgrid-ruby, sendgrid-go, sendgrid-java, sendgrid-php, or SENDGRID_API_KEY patterns.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1317,1318,1321,1322],{"name":1250,"slug":1251,"type":15},{"name":1319,"slug":1320,"type":15},"Migration","migration",{"name":9,"slug":8,"type":15},{"name":1323,"slug":1324,"type":15},"SendGrid","sendgrid",0,"https:\u002F\u002Fgithub.com\u002Fresend\u002Fresend-migration-skill","2026-04-06T18:51:17.827518",{"slug":1329,"name":1329,"fn":1330,"description":1331,"org":1332,"tags":1333,"stars":1325,"repoUrl":1326,"updatedAt":1338},"resend-migrate","migrate email providers to Resend","Use when migrating from SendGrid, Mailgun, or Postmark to Resend - detects @sendgrid\u002Fmail, sgMail, SENDGRID_API_KEY, mailgun, postmark imports and routes to the appropriate provider migration sub-skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1334,1335,1336,1337],{"name":1250,"slug":1251,"type":15},{"name":1319,"slug":1320,"type":15},{"name":9,"slug":8,"type":15},{"name":1323,"slug":1324,"type":15},"2026-04-06T18:51:16.542148",7]