{"id":95111,"date":"2026-01-27T17:38:25","date_gmt":"2026-01-27T06:38:25","guid":{"rendered":"https:\/\/elements.envato.com\/learn\/?p=95111"},"modified":"2026-04-15T06:42:29","modified_gmt":"2026-04-14T20:42:29","slug":"run-club-brand-design-alex-pillow","status":"publish","type":"post","link":"https:\/\/elements.envato.com\/learn\/run-club-brand-design-alex-pillow","title":{"rendered":"How I designed a run club brand with Envato, Photoshop, and Illustrator"},"content":{"rendered":"\n<p>Hey there, I\u2019m Alex Pillow, a designer who loves turning small ideas into full visual systems. When I set out to design a community run club brand identity, I used Envato\u2019s tools to push that spark further, experimenting with <a href=\"https:\/\/labs.envato.com\/graphics-gen\" target=\"_blank\" rel=\"noopener\">GraphicsGen<\/a> for quick AI ideas, shaping them in <a href=\"https:\/\/elements.envato.com\/learn\/c\/design\/illustrator\">Illustrator<\/a>, and visualizing the energy of the brand through <a href=\"https:\/\/elements.envato.com\/learn\/c\/design\/photoshop\">Photoshop<\/a> mockups.<\/p>\n\n\n\n<p>I wanted the run club brand to feel <em>alive<\/em>, something that captured motion, sunshine, and the togetherness that comes with running alongside others. What started as a simple logo idea turned into a full brand system that could live across T-shirts, posters, and digital assets.<\/p>\n\n\n\n<p><strong>TL;DR: <\/strong>I started with a typographic logo, created <a href=\"https:\/\/elements.envato.com\/learn\/icon-design-trends\">expressive icons<\/a> with GraphicsGen, refined everything in Illustrator, and visualized the final brand in Photoshop mockups.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-instagram wp-block-embed-instagram\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"sbi-embed-wrap\"><blockquote class=\"instagram-media sbi-embed\" data-instgrm-captioned data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DQ7flEajroi\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"14\" style=\" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:500px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);\"><div style=\"padding:16px;\"> <a href=\"https:\/\/www.instagram.com\/reel\/DQ7flEajroi\/?utm_source=ig_embed&amp;utm_campaign=loading\" style=\" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;\" target=\"_blank\" rel=\"noopener\"> <div style=\" display: flex; flex-direction: row; align-items: center;\"> <div style=\"background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div> <div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\"> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div><\/div><\/div><div style=\"padding: 19% 0;\"><\/div> <div style=\"display:block; height:50px; margin:0 auto 12px; width:50px;\"><svg width=\"50px\" height=\"50px\" viewBox=\"0 0 60 60\" version=\"1.1\" xmlns=\"https:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"https:\/\/www.w3.org\/1999\/xlink\"><g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g transform=\"translate(-511.000000, -20.000000)\" fill=\"#000000\"><g><path d=\"M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631\"><\/path><\/g><\/g><\/g><\/svg><\/div><div style=\"padding-top: 8px;\"> <div style=\" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;\">View this post on Instagram<\/div><\/div><div style=\"padding: 12.5% 0;\"><\/div> <div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\"><div> <div style=\"background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div> <div style=\"background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div> <div style=\"background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div><\/div><div style=\"margin-left: 8px;\"> <div style=\" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div> <div style=\" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)\"><\/div><\/div><div style=\"margin-left: auto;\"> <div style=\" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div> <div style=\" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div> <div style=\" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div><\/div><\/div> <div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\"> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div> <div style=\" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div><\/div><\/a><\/div><\/blockquote><script async src=\"\/\/platform.instagram.com\/en_US\/embeds.js\"><\/script><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Tools I used<\/strong> to design a run club brand<\/h2>\n\n\n\n<p>For this run club brand project, I relied on tools that made creativity fast, flexible, and fun:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Envato&#8217;s creative asset library <\/strong>\u2013 for discovering typefaces, mockups, and textures.<\/li>\n\n\n\n<li><strong>Envato GraphicsGen<\/strong> \u2013 an AI-powered design companion for generating icons and illustration styles.<\/li>\n\n\n\n<li><strong>Adobe Illustrator<\/strong> \u2013 my go-to for building and refining the logo and icons.<\/li>\n\n\n\n<li><strong>Adobe Photoshop<\/strong> \u2013 to visualize how the brand would look in the real world.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 1: Starting with the logo<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"242\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/logo40-1024x242.png\" alt=\"Run club brand logo designed with Envato\" class=\"wp-image-95122\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/logo40-1024x242.png 1024w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/logo40-300x71.png 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/logo40-768x182.png 768w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/logo40-1536x363.png 1536w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/logo40-2048x484.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I always <a href=\"https:\/\/elements.envato.com\/learn\/how-to-design-a-logo-with-ai-and-illustrator\">begin with the logo<\/a>; it sets the tone for everything that follows. For this run club, I wanted something that felt <em>modern, flexible,<\/em> and easy to apply across different brand assets.<\/p>\n\n\n\n<p>In <strong>Adobe Illustrator<\/strong>, I explored several typefaces from <strong>Envato<\/strong> before landing on <a href=\"https:\/\/elements.envato.com\/es\/timun-modern-expanded-font-family-MPR6BHK\"><strong>Timun<\/strong><\/a>, a versatile sans-serif family. I used two weights from the same family \u2014 a clean bold for \u201cRun\u201d and a lighter weight for \u201cClub\u201d \u2014 to create contrast without losing cohesion.<\/p>\n\n\n\n<section class=\"elements-product-embed elements-product-embed--grid elements-product-embed--has-info\">\n            <div class=\"elements-product-embed__info\">\n                            <div class=\"elements-product-embed__info-left\">\n                    <h3 class=\"elements-product-embed__title\">\n                        Unlimited creative assets. Access to AI tools.                    <\/h3>\n                <\/div>\n            \n                            <div class=\"elements-product-embed__info-right\">\n                    <a class=\"elements-product-embed__more\" href=\"https:\/\/elements.envato.com\/\" target=\"_blank\">View all<\/a>\n                <\/div>\n                    <\/div>\n    \n    <div class=\"elements-product-embed__grid-wrap\">\n            <div class=\"elements-product-embed__item\">\n    <a class=\"elements-product-embed__link\" href=\"https:\/\/elements.envato.com\/timun-modern-expanded-font-family-MPR6BHK\" target=\"_blank\"><\/a>\n\n    <div class=\"elements-product-embed__meta\">\n        <h3 class=\"elements-product-embed__meta-item elements-product-embed__meta-item--title\">\n            Timun &#8211; Modern Expanded Font Family        <\/h3>\n        <span class=\"elements-product-embed__meta-item elements-product-embed__meta-item--author\">\n            rgbryand        <\/span>\n    <\/div>\n\n            <img decoding=\"async\"\n            class=\"elements-product-embed__image\"\n            src=\"https:\/\/elements-resized.envatousercontent.com\/elements-cover-images\/7fe9fe8a-ea31-4469-9373-cc497ac556b6?w=900&#038;cf_fit=scale-down&#038;q=85&#038;format=auto&#038;s=030ef6f20503125dd419054ac15c00ef289d1789d34c3e47dc4a688456a31048\"\n            alt=\"Timun - Modern Expanded Font Family\"\n        >\n    <\/div>\n    <\/div>\n<\/section>\n\n\n\n<p>That simple contrast gave me a base that felt confident yet approachable. It also set the foundation for the rest of the brand: clean, athletic, and timeless.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 2: Creating icons and illustrations with GraphicsGen<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"404\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/icons10-1024x404.png\" alt=\"Run club brand icons generated with Envato GraphicsGen\" class=\"wp-image-95120\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/icons10-1024x404.png 1024w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/icons10-300x118.png 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/icons10-768x303.png 768w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/icons10-1536x606.png 1536w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/icons10-2048x807.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>With the run club brand logo locked in, I shifted my focus to iconography; the part of the design where I could have more fun. I wanted the icons to reflect a warm, sun-soaked coastal energy, so I turned to <strong>Envato GraphicsGen<\/strong> for some <a href=\"https:\/\/elements.envato.com\/learn\/what-is-graphics-gen\">AI-powered design exploration<\/a>.<\/p>\n\n\n\n<p>I started with the reference style <strong>\u201cHandpress 286\u201d<\/strong> to get that slightly imperfect, hand-pressed texture I love. Then I used a few custom prompts:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>\u201cSimple abstracted icon of a palm tree\u201d<\/em><\/li>\n\n\n\n<li><em>\u201cSimple abstracted icon of a person running\u201d<\/em><\/li>\n\n\n\n<li><em>\u201cSimple abstracted icon of a sun with rays\u201d<\/em><\/li>\n<\/ul>\n\n\n\n<p>For the running figure, I also uploaded a personal style reference image \u2014 something to blend my own aesthetic with the GraphicsGen look.<\/p>\n\n\n\n<p>After <a href=\"https:\/\/elements.envato.com\/learn\/ai-icon-design\">generating the icons<\/a>, I imported them into <strong>Illustrator<\/strong> and used <strong>Image Trace<\/strong> to vectorize everything. This allowed me to clean up the lines, control the stroke weights, and make sure each icon scaled perfectly.<\/p>\n\n\n\n<p>The result: three expressive icons that felt both handcrafted and unified with the main logo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 3: Visualizing the brand with mockups<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"681\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/Screenshot-2025-10-20-at-5.48.01-PM-1024x681.png\" alt=\"Run club brand mockup created with Envato\" class=\"wp-image-95127\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/Screenshot-2025-10-20-at-5.48.01-PM-1024x681.png 1024w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/Screenshot-2025-10-20-at-5.48.01-PM-300x200.png 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/Screenshot-2025-10-20-at-5.48.01-PM-768x511.png 768w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/Screenshot-2025-10-20-at-5.48.01-PM-1536x1022.png 1536w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/Screenshot-2025-10-20-at-5.48.01-PM.png 1990w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once my core assets were ready, I wanted to see how the run club brand would feel in real-world use. This is my favorite part: turning flat design into something tangible.<\/p>\n\n\n\n<p>I browsed <strong>Envato<\/strong> and downloaded a few mockups that fit the athletic theme: a <strong>T-shirt mockup<\/strong> and a <strong>crumpled poster<\/strong> mockup. Opening these in <strong>Photoshop<\/strong>, I dropped in my logo and icons, experimenting with different placements \u2014 the running icon as a sleeve detail, the palm tree on the tag, and the main logo centered on a vintage-style poster.<\/p>\n\n\n\n<p>Seeing the design on physical surfaces brought the brand to life. Suddenly, it wasn\u2019t just a concept, it was a club you could imagine joining.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 4: Refining and systematizing the brand<\/strong><\/h2>\n\n\n\n<p>With the visuals coming together, I shifted into refinement mode. This meant establishing consistent rules \u2014 the details that make a brand truly work across formats.<\/p>\n\n\n\n<p>In <strong>Illustrator<\/strong>, I created a small brand system document that included:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A <strong><a href=\"https:\/\/elements.envato.com\/learn\/brand-color-palette\">color palette<\/a><\/strong> inspired by sunrise runs (warm oranges, dusty blues).<\/li>\n\n\n\n<li>Clear <strong>spacing and size rules<\/strong> for the logo.<\/li>\n\n\n\n<li><strong>Guidelines for icon usage<\/strong>, including minimum sizes and line thickness.<\/li>\n<\/ul>\n\n\n\n<p>This stage might not be as exciting as design exploration, but it\u2019s essential. It ensures that anyone, from another designer to a screen printer, can use your brand elements correctly and consistently.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 5: exporting and sharing the final system<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"869\" height=\"1024\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/Screenshot-2025-10-20-at-5.44.22-PM-869x1024.png\" alt=\"Run club brand poster created with Envato\" class=\"wp-image-95125\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/Screenshot-2025-10-20-at-5.44.22-PM-869x1024.png 869w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/Screenshot-2025-10-20-at-5.44.22-PM-255x300.png 255w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/Screenshot-2025-10-20-at-5.44.22-PM-768x905.png 768w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2026\/01\/Screenshot-2025-10-20-at-5.44.22-PM.png 1226w\" sizes=\"(max-width: 869px) 100vw, 869px\" \/><\/figure>\n\n\n\n<p>When I was happy with the overall look, I exported the assets for multiple use cases:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vector files (<strong>AI, EPS, SVG<\/strong>) for scalability.<\/li>\n\n\n\n<li>High-resolution <strong>PNG and JPEG<\/strong> files for digital use.<\/li>\n\n\n\n<li>A <strong>presentation deck<\/strong> that showcased the final logo, icons, and mockups together.<\/li>\n<\/ul>\n\n\n\n<p>Seeing everything assembled, from fonts to icons to apparel, was deeply satisfying. The system felt cohesive, full of personality, and ready for the next step: community.<\/p>\n\n\n\n<p><strong>Pro tip:<\/strong> Always export both color and black-and-white versions of your logo to ensure maximum flexibility across mediums.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why this approach worked<\/strong><\/h2>\n\n\n\n<p>Starting with typography gave the design a clear backbone. Using <strong>GraphicsGen<\/strong> sped up my ideation process without sacrificing creative control, and working in <strong>Illustrator<\/strong> allowed me to polish every curve and vector. Finishing in <strong>Photoshop<\/strong> tied it all together through mockups that told a story.<\/p>\n\n\n\n<p>This workflow enables me to move quickly while staying thoughtful, balancing structure with creative play.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Common mistakes I avoided<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Skipping refinement:<\/strong> I took time to clean up AI-generated vectors. Rough edges can ruin print quality.<\/li>\n\n\n\n<li><strong>Doing too much:<\/strong> Simple logos always scale better.<\/li>\n\n\n\n<li><strong>Ignoring context:<\/strong> I tested every design on both light and dark backgrounds.<\/li>\n\n\n\n<li><strong>Forgetting cohesion:<\/strong> I ensured that my icons, typography, and colors shared a consistent mood.<\/li>\n\n\n\n<li>See more <a href=\"https:\/\/elements.envato.com\/learn\/graphics-generation-issues\">graphics generation issues<\/a> and how to fix them <\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Pro tips from my process<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use <strong><a href=\"https:\/\/elements.envato.com\/learn\/new-envato-experience\">Envato Workspaces<\/a><\/strong> to organize fonts, icons, and textures in one place.<\/li>\n\n\n\n<li>Create reusable color swatches in <strong>Illustrator<\/strong> to speed up future projects.<\/li>\n\n\n\n<li>Step away from the project for a day: fresh eyes always reveal better alignment or hierarchy tweaks.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Building your own community brand<\/strong><\/h2>\n\n\n\n<p>This project reminded me why I love design: it\u2019s about taking an idea, like a community run club, and giving it life through shape, color, and rhythm.<\/p>\n\n\n\n<p>By combining <strong>Envato\u2019s creative assets<\/strong>, <strong>GraphicsGen<\/strong>, <strong>Photoshop<\/strong>, and <strong>Illustrator<\/strong>, I designed a brand that feels both professional and personal.<\/p>\n\n\n\n<p>If you\u2019re building your own community run club brand, start simple. Let typography lead, use AI tools for quick inspiration, and finish with mockups that help others <em>feel<\/em> your idea. That\u2019s where brand identity stops being a design exercise and becomes something people connect with. Want to start your own creative journey? Explore <a href=\"https:\/\/labs.envato.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Envato <\/strong>for <strong>AI tools<\/strong><\/a><strong> and unlimited creative assets, including fonts, mockups, and templates,<\/strong> that can take your next idea further.<\/p>\n\n\n\n<section class=\"section-primary toggle-section narrow-width\">\n  <h3 class=\"toggle-section__title\">Designing a run club brand with Envato FAQs<\/h3>\n  <div class=\"toggle-section__items is-style-two-column\">\n          <div class=\"toggle-section__column\">\n                          <div class=\"toggle-section__item\">\n                    <button class=\"toggle-section__heading dt-disable-in-preview\" aria-expanded=\"false\">\n                      How did you choose the font for the logo?<span class=\"toggle-section__icon\"><\/span>\n                    <\/button>\n                    <div class=\"toggle-section__content\" hidden>\n                      <p><span style=\"font-weight: 400;\">I wanted a typeface that felt modern and energetic. I found <\/span><i><span style=\"font-weight: 400;\">Timun<\/span><\/i><span style=\"font-weight: 400;\"> on Envato; its versatility made it perfect for both digital and print.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                                  <div class=\"toggle-section__item\">\n                    <button class=\"toggle-section__heading dt-disable-in-preview\" aria-expanded=\"false\">\n                      What\u2019s the best way to test how a brand looks in real life?<span class=\"toggle-section__icon\"><\/span>\n                    <\/button>\n                    <div class=\"toggle-section__content\" hidden>\n                      <p><span style=\"font-weight: 400;\">Mockups! They make a huge difference. I always test logos on apparel, posters, and social templates before finalizing.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                                  <div class=\"toggle-section__item\">\n                    <button class=\"toggle-section__heading dt-disable-in-preview\" aria-expanded=\"false\">\n                      What\u2019s your favorite part of this process?<span class=\"toggle-section__icon\"><\/span>\n                    <\/button>\n                    <div class=\"toggle-section__content\" hidden>\n                      <p><span style=\"font-weight: 400;\">Definitely the mockup stage \u2014 that\u2019s where everything clicks and starts to feel <\/span><i><span style=\"font-weight: 400;\">real.<\/span><\/i><\/p>\n                    <\/div>\n                  <\/div>\n                      <\/div>\n      <div class=\"toggle-section__column\">\n                          <div class=\"toggle-section__item\">\n                    <button class=\"toggle-section__heading dt-disable-in-preview\" aria-expanded=\"false\">\n                      Why use GraphicsGen instead of drawing icons from scratch?<span class=\"toggle-section__icon\"><\/span>\n                    <\/button>\n                    <div class=\"toggle-section__content\" hidden>\n                      <p><span style=\"font-weight: 400;\">GraphicsGen gave me multiple directions to explore quickly. It\u2019s like a brainstorming partner that accelerates ideation without replacing the designer\u2019s touch.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                                  <div class=\"toggle-section__item\">\n                    <button class=\"toggle-section__heading dt-disable-in-preview\" aria-expanded=\"false\">\n                      Can you really build a whole brand using Envato tools?<span class=\"toggle-section__icon\"><\/span>\n                    <\/button>\n                    <div class=\"toggle-section__content\" hidden>\n                      <p><span style=\"font-weight: 400;\">Absolutely. Envato offers fonts, templates, textures, and mockups that support every stage of a brand&#8217;s development.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                      <\/div>\n      <\/div>\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\"@type\":\"Question\",\"name\":\"How did you choose the font for the logo?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"I wanted a typeface that felt modern and energetic. I found Timun on Envato; its versatility made it perfect for both digital and print.\"}},{\"@type\":\"Question\",\"name\":\"Why use GraphicsGen instead of drawing icons from scratch?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"GraphicsGen gave me multiple directions to explore quickly. It\\u2019s like a brainstorming partner that accelerates ideation without replacing the designer\\u2019s touch.\"}},{\"@type\":\"Question\",\"name\":\"What\\u2019s the best way to test how a brand looks in real life?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Mockups! They make a huge difference. I always test logos on apparel, posters, and social templates before finalizing.\"}},{\"@type\":\"Question\",\"name\":\"Can you really build a whole brand using Envato tools?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Absolutely. Envato offers fonts, templates, textures, and mockups that support every stage of a brand&#8217;s development.\"}},{\"@type\":\"Question\",\"name\":\"What\\u2019s your favorite part of this process?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Definitely the mockup stage \\u2014 that\\u2019s where everything clicks and starts to feel real.\"}}]}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>From a simple logo to a full run club identity, see how AI tools, Illustrator, and Photoshop came together to build a brand system full of movement, warmth, and community.<\/p>\n","protected":false},"author":301,"featured_media":95112,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[262,271,161,157,233,170,169],"tags":[],"class_list":["post-95111","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-creativity","category-ai-design","category-branding","category-design","category-graphicsgen","category-illustrator","category-photoshop"],"acf":[],"_links":{"self":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/95111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/users\/301"}],"replies":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/comments?post=95111"}],"version-history":[{"count":1,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/95111\/revisions"}],"predecessor-version":[{"id":98884,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/95111\/revisions\/98884"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media\/95112"}],"wp:attachment":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media?parent=95111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/categories?post=95111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/tags?post=95111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}