--- title: Spark Kindness Branding and Website date: 2026-04-29T13:38:00-04:00 author: mod-lab canonical_url: "https://mod-lab.com/work/spark-kindness-brand-and-website-design" section: Work --- Work # Spark Kindness Branding and Website Spark Kindness creates and supports communities of belonging. Their mission is to build a kind, resilient, and welcoming community where no one feels alone, bullied, unsupported, or unconnected. As their organization was growing, they reached out to us to help level up their visual presence. We gave them a new brand foundation including a logo redesign, style guide, social and print templates, and a new website. ## Capabilities - Accessibility - Content Management Systems - Craft CMS Development - Logo Design - Responsive Web Design - Social Media Assets - Visual Brand Foundation - Web Development ![Spark Kindness logo on a light blue background with a repeating white abstract star shape pattern.](https://mod-lab.transforms.svdcdn.com/production/portfolio/spark-kindness/sk-1.png?w=2600&q=80&auto=format&fit=crop&dm=1777484174&s=a7ad046292dd1b77df245c6ed1aa4e9e) ![Before and after logo comparison for Spark Kindness. The original logo features a circular emblem with a sunburst and gradient blue fill. The redesigned logo uses clean orange and blue typography with a small asterisk-star accent.](https://mod-lab.transforms.svdcdn.com/production/portfolio/spark-kindness/sk-2.png?w=1400&q=80&auto=format&fit=crop&dm=1777484184&s=62bf98f35f369323881ca763bb23ae8f) ## A new logo Their old logo drew from the idea of a spark. Igniting, activating, a feeling of light and warmth. The concept was in line with their mission, but the execution needed a refresh. We gave them a new logo rooted in those same themes but with a more modern design. It uses a simpler, bolder spark shape, a unique type treatment for the word *Spark*, and a cleaner, more readable treatment for the word *Kindness*. The result is fresh and friendly, a look that better reflects the warmth and clarity at the heart of what they do. ![Sk 3 alt](https://mod-lab.transforms.svdcdn.com/production/portfolio/spark-kindness/sk-3_alt.png?w=1400&q=80&auto=format&fit=crop&dm=1777397871&s=e5e4e1be83f9a77351e5d9c636f3392b) ## Visual brand elements and rollout To give them a set of visual brand elements, we also created a series of background patterns using the spark icon. We paired this with a vibrant color platte, and rounded corner boxes for highlights and images. We used these elements to design a new website, social media, and print flyer templates, as shown below. ![Spark Kindness website homepage design showing a hero image of a diverse group of young people with arms around each other, a "How We Help" section with three card columns for Events, Resources, and Get Involved, and a featured event listing for a Marathon Poster Making Party.](https://mod-lab.transforms.svdcdn.com/production/portfolio/spark-kindness/sk-4.png?w=2600&q=80&auto=format&fit=crop&dm=1777484244&s=aca38c5ac92f30fd95908fbee805e66d) ![Three mobile screen views of the Spark Kindness website showing a donation call-to-action with a "Donate Now" button, a hero section with the tagline "Let's promote kindness, justice, and respect for all," and a resource category listing including Mental Health and Bullying Prevention.](https://mod-lab.transforms.svdcdn.com/production/portfolio/spark-kindness/sk-5.png?w=2600&q=80&auto=format&fit=crop&dm=1777484254&s=40b0dbe6282c041e411a174d84778602) ![Spark Kindness social media assets and flyer templates including two event graphics — one for Spark's 3rd Annual Gratitude Event and one for a parenting talk with Dr. Richard Weissbourd — plus two pages of the Resilient Community Series flyer featuring fall program listings for August, September, and October.](https://mod-lab.transforms.svdcdn.com/production/portfolio/spark-kindness/sk-6.png?w=2600&q=80&auto=format&fit=crop&dm=1777484298&s=df9c4a1cc40b42b09074ca2596c007bc) ## Related Work [ ![Image showing a designed grid with icons of people hugging, arches, and New York Foundling logo mark, along with a picture of a graduate.](https://mod-lab.transforms.svdcdn.com/production/portfolio_grid_images/bf-card@2x.png?w=1600&q=80&auto=format&fit=crop&dm=1688061379&s=d9e0b57f3f14dab31edaaf11577dfabe) New York Foundling Building Futures Campaign and Annual Impact Report ](https://mod-lab.com/work/building-futures-campaign-and-annual-impact-report) [ ![Cgf card](https://mod-lab.transforms.svdcdn.com/production/portfolio_grid_images/cgf_card.png?w=1600&q=80&auto=format&fit=crop&dm=1680999629&s=ac0bf204f9cf57726b7677ba2c5b4cb7) Coast Guard Foundation Branding and Website ](https://mod-lab.com/work/coast-guard-foundation) [ ![Science literacy branding card](https://mod-lab.transforms.svdcdn.com/production/portfolio_grid_images/science_literacy_branding_card.jpg?w=1600&q=80&auto=format&fit=crop&dm=1680999629&s=53bf7986b674e605f0435cd282f6fcae) Science Literacy Foundation Branding ](https://mod-lab.com/work/science-literacy-foundation-branding) ## Your story. Designed to inspire. Everywhere it matters to your community. ## Learn more about us - [ Who we are > ](https://mod-lab.com/about) - [ Resources for you by us > ](https://mod-lab.com/resources) - [ Contact us to have a conversation > ](https://mod-lab.com/contact) ## How we help - [ Build your brand > ](https://mod-lab.com/services/branding) - [ Improve your website > ](https://mod-lab.com/services/websites) - [ Strengthen your communications & fundraising > ](https://mod-lab.com/services/communication-fundraising-design)