{"id":19204817,"url":"https://github.com/meshtastic/design","last_synced_at":"2025-05-12T16:25:07.206Z","repository":{"id":46118517,"uuid":"334038271","full_name":"meshtastic/design","owner":"meshtastic","description":"Visual communication of the meshtastic project","archived":false,"fork":false,"pushed_at":"2024-09-22T14:13:19.000Z","size":83453,"stargazers_count":28,"open_issues_count":13,"forks_count":12,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-05-06T09:25:36.119Z","etag":null,"topics":["design","design-system","icons","logo","meshtastic"],"latest_commit_sha":null,"homepage":null,"language":"Shell","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/meshtastic.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-01-29T04:34:10.000Z","updated_at":"2025-04-30T00:31:10.000Z","dependencies_parsed_at":"2023-01-20T10:15:15.573Z","dependency_job_id":"3a8997c8-38eb-4971-a53f-2a0c4ffa2e71","html_url":"https://github.com/meshtastic/design","commit_stats":{"total_commits":60,"total_committers":12,"mean_commits":5.0,"dds":0.7166666666666667,"last_synced_commit":"2a39241403a4168636bcfcf18b5437bd2e3b61e1"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meshtastic%2Fdesign","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meshtastic%2Fdesign/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meshtastic%2Fdesign/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meshtastic%2Fdesign/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/meshtastic","download_url":"https://codeload.github.com/meshtastic/design/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253468342,"owners_count":21913330,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["design","design-system","icons","logo","meshtastic"],"created_at":"2024-11-09T13:09:48.799Z","updated_at":"2025-05-12T16:25:07.187Z","avatar_url":"https://github.com/meshtastic.png","language":"Shell","funding_links":["https://opencollective.com/meshtastic/"],"categories":["Shell"],"sub_categories":[],"readme":"# Meshtastic Branding and Design Guidelines\r\n\r\n[![CLA assistant](https://cla-assistant.io/readme/badge/meshtastic/design)](https://cla-assistant.io/meshtastic/design)\r\n[![Fiscal Contributors](https://opencollective.com/meshtastic/tiers/badge.svg?label=Fiscal%20Contributors\u0026color=deeppink)](https://opencollective.com/meshtastic/)\r\n[![Vercel](https://img.shields.io/static/v1?label=Powered%20by\u0026message=Vercel\u0026style=flat\u0026logo=vercel\u0026color=000000)](https://vercel.com?utm_source=meshtastic\u0026utm_campaign=oss)\r\n\r\n## Logo Usage\r\n\r\nPlease note that the use of the Meshtastic® logo is subject to restrictions as defined in our licensing and trademark guidelines. For more details, refer to our [Licensing and Trademark Guidelines](https://meshtastic.org/docs/legal/licensing-and-trademark/).\r\n\r\n## Overview\r\n\r\nThe meshtastic logo is derived from the appearance/aesthetics of physical LoRa modulation.\r\n\r\n![Idea](styleguide/idea.png)\r\n\r\nThroughout an ongoing [community-driven design process on the meshtastic forum](https://meshtastic.discourse.group/t/design-guideline-logo/2022/41) it was refined and given additional meaning.\r\n\r\nCycloMiles said:\r\n\r\n\u003e While inspired by the LoRa chirps, your logo resembles the shape of a tent [...] One could also think of mountainous areas…\r\n\r\nThis narrative also resonates with Lure.Exciting.Salads:\r\n\r\n\u003e I see the mountains (Where I plan on putting repeaters in my area, and where I plan on using these in general) and I also see tents (I plan on using these while backpacking, camping, snowshoeing, hunting, etc.) so it definitely speaks to me. I also clearly see the “M”\r\n\u003e When scaled down to under 10mm on my phone screen, I definitely feel like simple is better.\r\n\r\nBesides the positive associations, some concerns were brought up by TitanTronics:\r\n\r\n\u003e I like the logo and the idea behind it, only if you notice the letter “M” seems to start out as an “i” and “a” making it look like “iaeshtastic” because you used the letter “a” and the letter “i” also in Meshtastic itself, suggesting that the two symbols used in the logo are an “i” and an “a” put together which makes “ia”\r\n\r\nUser ChomeBlue also brought up the ambiguity and non-obvious meaning:\r\n\r\n\u003e A non-nerd won’t relate to any of this. Not to mention; to the uninitiated, I don’t believe this would even be recognized as an \"M’\r\n\r\nDespite those concerns, most of the people involved could imagine the \"LoRa-M\" as the new logo. Ambiguity to a point is not detrimental if the form of the logo is able to communicate the right thing and people can identify themselves with it. Often, ambiguity makes it possible in the first place to create a distinct logo that will be associated with a brand/idea/community.\r\n\r\n## Margins and spacing\r\n\r\n![Margins](styleguide/margins.png)\r\n\r\n## Sizes for different use cases\r\n\r\n![Sizes](styleguide/sizes.png)\r\n\r\n## The typeface\r\n\r\n![Typeface](styleguide/typeface.png)\r\n\r\n## Colors\r\n\r\nPrimary/Foreground color:\r\n\r\n`#2C2D3C`\r\n\r\n`RGB 44 45 60`\r\n\r\nSecondary/Background/Accent color:\r\n\r\n`#67EA94`\r\n\r\n`RGB 103 234 148`\r\n\r\n![Colors](styleguide/colors.png)\r\n\r\n## A note to developers\r\n\r\nIf you are a developer using these images inside a Meshtastic® application, you can run bin/generate-pngs.sh to regenerate PNGs from the vector files. This script will be updated as needed to generate appropriate\r\n'standard' sized/colored images for various platforms.\r\n\r\n## Notes for android developers\r\n\r\n#### App launcher icons\r\n\r\nThe icons should be generated with a separate SVG for foreground and background. The dimensions of the svg should be 108 pixels square. The middle logo should be 58 pixels wide and high.\r\n\r\nIf you need to regenerate android icons follow [this](https://developer.android.com/studio/write/image-asset-studio#create-adaptive) procedure. It will also generate the play store icons. You should name the icon ic_launcher2.\r\n\r\n#### Action bar icons\r\n\r\nTo regenerate the action bar icons use the Image Asset tool to import logo/svg/Mesh_Logo_White.svg. Use 0% padding, HOLO_DARK theme and name the generated asset \"app_icon\".\r\n\r\n## Stats\r\n\r\n![Alt](https://repobeats.axiom.co/api/embed/cd8056aa297d3b18d3082f0116e6b36e30860ebd.svg \"Repobeats analytics image\")\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmeshtastic%2Fdesign","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmeshtastic%2Fdesign","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmeshtastic%2Fdesign/lists"}