{"product_id":"free-button-pin-design-template","title":"Free Button Pin Design Template","description":"\u003cstyle\u003e\n  .ysm-template-page {\n    font-family: inherit;\n    color: #1f2a22;\n    line-height: 1.55;\n  }\n\n  .ysm-template-page * {\n    box-sizing: border-box;\n  }\n\n  .ysm-template-hero,\n  .ysm-template-section,\n  .ysm-template-cta {\n    background: #ffffff;\n    border: 1px solid #d8ded6;\n    border-radius: 18px;\n    padding: 18px;\n    margin-bottom: 14px;\n    box-shadow: 0 4px 14px rgba(31, 42, 34, 0.04);\n  }\n\n  .ysm-template-hero,\n  .ysm-template-cta {\n    background: #eef4ed;\n    border-color: #a7c957;\n  }\n\n  .ysm-template-page h2,\n  .ysm-template-page h3 {\n    color: #1f2a22;\n    margin-top: 0;\n    line-height: 1.2;\n  }\n\n  .ysm-template-page h2 {\n    font-size: 30px;\n    margin-bottom: 8px;\n  }\n\n  .ysm-template-page h3 {\n    font-size: 22px;\n    margin-bottom: 10px;\n  }\n\n  .ysm-template-page p {\n    margin-top: 0;\n  }\n\n  .ysm-template-page p:last-child,\n  .ysm-template-page ul:last-child {\n    margin-bottom: 0;\n  }\n\n  .ysm-template-page a {\n    color: #2e6b4a;\n    font-weight: 800;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n\n  .ysm-template-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 12px;\n  }\n\n  .ysm-template-badge {\n    display: inline-flex;\n    align-items: center;\n    background: #ffffff;\n    color: #2e6b4a;\n    border: 1px solid #a7c957;\n    border-radius: 999px;\n    padding: 7px 12px;\n    font-size: 13px;\n    font-weight: 800;\n  }\n\n  .ysm-template-steps {\n    counter-reset: ysm-template-step;\n    display: grid;\n    gap: 10px;\n  }\n\n  .ysm-template-step {\n    counter-increment: ysm-template-step;\n    background: #ffffff;\n    border: 1px solid #d8ded6;\n    border-radius: 16px;\n    padding: 14px;\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 12px;\n    align-items: start;\n  }\n\n  .ysm-template-step::before {\n    content: counter(ysm-template-step);\n    width: 32px;\n    height: 32px;\n    border-radius: 12px;\n    background: #2e6b4a;\n    color: #ffffff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 900;\n  }\n\n  .ysm-template-step strong {\n    display: block;\n    color: #1f2a22;\n    margin-bottom: 3px;\n  }\n\n  .ysm-template-step span {\n    color: #536157;\n    font-size: 14px;\n  }\n\n  .ysm-template-readmore details {\n    border: 1px solid #a7c957;\n    border-radius: 16px;\n    overflow: hidden;\n    background: #ffffff;\n  }\n\n  .ysm-template-readmore details + details {\n    margin-top: 9px;\n  }\n\n  .ysm-template-readmore summary {\n    list-style: none;\n    cursor: pointer;\n    background: #eef4ed;\n    color: #2e6b4a;\n    font-weight: 800;\n    padding: 13px 18px;\n    position: relative;\n    padding-right: 52px;\n    border-bottom: 1px solid #d8ded6;\n  }\n\n  .ysm-template-readmore summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .ysm-template-readmore summary::after {\n    content: \"+\";\n    position: absolute;\n    right: 18px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 24px;\n    line-height: 1;\n  }\n\n  .ysm-template-readmore details[open] summary::after {\n    content: \"–\";\n  }\n\n  .ysm-template-readmore-content {\n    padding: 15px 18px;\n    background: #f7f8f4;\n    border-top: 1px solid #d8ded6;\n  }\n\n  .ysm-template-readmore-content ul {\n    margin: 0;\n    padding-left: 20px;\n  }\n\n  .ysm-template-readmore-content li {\n    margin-bottom: 7px;\n  }\n\n  @media (max-width: 749px) {\n    .ysm-template-hero,\n    .ysm-template-section,\n    .ysm-template-cta {\n      padding: 16px;\n    }\n\n    .ysm-template-page h2 {\n      font-size: 25px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ysm-template-page\"\u003e\n  \u003cdiv class=\"ysm-template-hero\"\u003e\n    \u003ch2\u003eFree Button Pin Design Template\u003c\/h2\u003e\n    \u003cp\u003eCreate production-ready custom button pin and badge artwork with Your Stuff Made’s free design template.\u003c\/p\u003e\n    \u003cp\u003eUse it to plan your button pin artwork, size, shape, edge spacing, text placement, backing style, finish and production notes before making \u003ca href=\"https:\/\/yourstuffmade.com\/products\/custom-button-pins-no-moq\" target=\"_blank\" rel=\"noopener noreferrer\"\u003ecustom button pins\u003c\/a\u003e or reviewing the \u003ca href=\"https:\/\/yourstuffmade.com\/products\/button-pins-template\" target=\"_blank\" rel=\"noopener noreferrer\"\u003ebutton pins template\u003c\/a\u003e.\u003c\/p\u003e\n\n    \u003cdiv class=\"ysm-template-badges\"\u003e\n      \u003cspan class=\"ysm-template-badge\"\u003e✅ Free Download\u003c\/span\u003e\n      \u003cspan class=\"ysm-template-badge\"\u003e🎨 Artwork Guide\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ysm-template-section\"\u003e\n    \u003ch3\u003eHow Free Templates Work\u003c\/h3\u003e\n\n    \u003cdiv class=\"ysm-template-steps\"\u003e\n      \u003cdiv class=\"ysm-template-step\"\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003ePlace the free order\u003c\/strong\u003e\n          \u003cspan\u003eAdd the button pins template to your cart and complete checkout.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ysm-template-step\"\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eReceive the download\u003c\/strong\u003e\n          \u003cspan\u003eYour free design template will be sent automatically after checkout.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ysm-template-step\"\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eAdd your artwork notes\u003c\/strong\u003e\n          \u003cspan\u003eUse it digitally or print it to plan artwork, size, bleed, safe area, backing style, colours and finish notes.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ysm-template-step\"\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eRequest a free quote\u003c\/strong\u003e\n          \u003cspan\u003eUse your completed template when requesting button pins, badges, campaign pins, event pins or artist merch.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ysm-template-section\"\u003e\n    \u003ch3\u003eTemplate Details \u0026amp; Resources\u003c\/h3\u003e\n\n    \u003cdiv class=\"ysm-template-readmore\"\u003e\n      \u003cdetails open\u003e\n        \u003csummary\u003eWhat this template helps with\u003c\/summary\u003e\n        \u003cdiv class=\"ysm-template-readmore-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003e\n\u003cstrong\u003eArtwork layout:\u003c\/strong\u003e Plan your logo, slogan, illustration, campaign message, event artwork, character art or brand design.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eButton pin planning:\u003c\/strong\u003e Note pin size, artwork position, bleed, safe area, edge wrap, text placement, backing style and finish preferences.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eMaterial and finish notes:\u003c\/strong\u003e Add matte, gloss, metallic, holographic, full-colour print, pin-back, magnet-back or packaging requests.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eUse-case clarity:\u003c\/strong\u003e Note whether your button pins are for artists, campaigns, schools, events, bands, fundraisers, conventions, merch tables or promotional giveaways.\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eHelpful Your Stuff Made resources\u003c\/summary\u003e\n        \u003cdiv class=\"ysm-template-readmore-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003e\n\u003ca href=\"https:\/\/yourstuffmade.com\/products\/custom-button-pins-no-moq\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eCustom button pins\u003c\/a\u003e — request a free quote for ethically made custom button pins and badges with no minimum order options.\u003c\/li\u003e\n            \u003cli\u003e\n\u003ca href=\"https:\/\/yourstuffmade.com\/products\/button-pins-template\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eButton pins template\u003c\/a\u003e — download or reference this free button pin and badge design guide.\u003c\/li\u003e\n            \u003cli\u003e\n\u003ca href=\"https:\/\/yourstuffmade.com\/products\/custom-enamel-pins-no-moq\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eCustom enamel pins\u003c\/a\u003e — compare button pins with enamel pins for premium collectible merch.\u003c\/li\u003e\n            \u003cli\u003e\n\u003ca href=\"https:\/\/yourstuffmade.com\/products\/custom-stickers-no-moq\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eCustom stickers\u003c\/a\u003e — pair button pins with stickers for artist packs, campaign bundles or event giveaways.\u003c\/li\u003e\n            \u003cli\u003e\n\u003ca href=\"https:\/\/yourstuffmade.com\/products\/custom-backing-cards\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eCustom backing cards\u003c\/a\u003e — add backing cards for more polished retail or gift presentation.\u003c\/li\u003e\n            \u003cli\u003e\n\u003ca href=\"https:\/\/yourstuffmade.com\/pages\/ysm-faqs\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eYour Stuff Made FAQs\u003c\/a\u003e — learn how free quotes, deposits, artwork checks, samples, production and shipping work.\u003c\/li\u003e\n            \u003cli\u003e\n\u003ca href=\"https:\/\/yourstuffmade.com\/pages\/how-to-work-with-us\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eHow to work with us\u003c\/a\u003e — understand the custom product process from idea to delivery.\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eButton pin design tips\u003c\/summary\u003e\n        \u003cdiv class=\"ysm-template-readmore-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003e\n\u003cstrong\u003eKeep text away from the edge:\u003c\/strong\u003e Button pins wrap around the edge, so keep important text and logos inside the safe area.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eUse bold, readable artwork:\u003c\/strong\u003e Button pins are small, so simple icons, clear slogans and strong contrast usually work best.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003ePlan the bleed:\u003c\/strong\u003e Extend background colours or patterns beyond the final pin edge so the wrap looks clean.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eChoose size by purpose:\u003c\/strong\u003e Small pins work well for giveaways, while larger badges give more room for campaign slogans, event art or detailed designs.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eThink about packaging:\u003c\/strong\u003e Button pins pair well with backing cards, stickers, envelopes, event packs and retail display trays.\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003eFAQs\u003c\/summary\u003e\n        \u003cdiv class=\"ysm-template-readmore-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003e\n\u003cstrong\u003eIs this button pins template free?\u003c\/strong\u003e Yes. Add it to your cart and complete the free order to receive the download.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eDo I need to print it?\u003c\/strong\u003e No. You can use it digitally to save paper, or print it if you prefer sketching by hand.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eCan beginners use it?\u003c\/strong\u003e Yes. Add rough sketches, slogan ideas, logo placement, size notes and simple production details.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eWhat should I include?\u003c\/strong\u003e Artwork, pin size, bleed, safe area, colours, finish, backing type, quantity and packaging notes.\u003c\/li\u003e\n            \u003cli\u003e\n\u003cstrong\u003eCan Your Stuff Made help make the button pins too?\u003c\/strong\u003e Yes. Start with the \u003ca href=\"https:\/\/yourstuffmade.com\/products\/custom-button-pins-no-moq\" target=\"_blank\" rel=\"noopener noreferrer\"\u003ecustom button pins\u003c\/a\u003e page or read the \u003ca href=\"https:\/\/yourstuffmade.com\/pages\/ysm-faqs\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eYour Stuff Made FAQs\u003c\/a\u003e.\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ysm-template-cta\"\u003e\n    \u003ch3\u003eReady to Plan Your Custom Button Pins?\u003c\/h3\u003e\n    \u003cp\u003eUse the free template to map your artwork, size, bleed, safe area, backing style, finish and packaging notes. When you are ready, request a free quote for \u003ca href=\"https:\/\/yourstuffmade.com\/products\/custom-button-pins-no-moq\" target=\"_blank\" rel=\"noopener noreferrer\"\u003ecustom button pins\u003c\/a\u003e.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Yourstuffmade.com","offers":[{"title":".PDF \/ Please contact me","offer_id":43675731066902,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true},{"title":".PDF \/ Not ready yet","offer_id":43711569035286,"sku":"","price":0.0,"currency_code":"USD","in_stock":true},{"title":".Ai \/ Please contact me","offer_id":43675731099670,"sku":"","price":1.0,"currency_code":"USD","in_stock":true},{"title":".Ai \/ Not ready yet","offer_id":43711569068054,"sku":"","price":1.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0068\/7554\/5622\/products\/artsyology-button-pins-by-artsyology-pin-15533002522687_1024x1024_2x_249e58b1-982f-4f52-b07a-545330dff9b9.webp?v=1678441645","url":"https:\/\/yourstuffmade.com\/products\/free-button-pin-design-template","provider":"Yourstuffmade.com","version":"1.0","type":"link"}