Buttons are badges, logos, and banners that you can use to link to indieweb.org and related sites & technologies, and similar images for a handful of sites similarly aligned in principles or development approaches.
For other versions (size, color, file formats), see the indieweb/branding repo on GitHub.
as an SVG
as an SVG
as an SVG
IndieWeb Building Blocks
Aaron Parecki linked some IWC, Webmentions, Microfomats, and other small buttons/badges at https://aaronparecki.com/2017/12/30/7/indieweb-badge
... more ...
Feel free to upload your own IndieWeb or IndieWebCamp related logos and embed them here!
- and more on https://maya.land/ — some great examples of buttons/banners, including some for the indiewebring and Webmention
- for http://vanilla-js.com/
- for https://notbyai.fyi/ for badges/buttons for proclaiming that none of your website was generated by AI (perhaps suitable for a generative AI or LLM page).
Tools and resources
- Examples of different "standard" size buttons for the same logo/brand/design: https://wiki.ubuntu.com/WebsiteButtons
- Make your own 15x80 buttons:
Idea: anor button to indicate your site accepts webmentions.
Link the button to your webmention endpoint with a query param of the page its on as the default target.
Have your webmention endpoint present a form UI to submit a webmention with the target auto-filled in with the default target from abovementioned link.
For some old school web fun, if your site passes the tests at Indiewebify.me, one could add a button to their site with a link to Indiewebify.me and/or to the link indicating that their site passed. (Contextual note: many of these old buttons were originally used to indicate that a site used certain specifications or passed certain validation tests.)
Rendering on high resolution displays
Suggestion: add style="image-rendering:pixelated;" to the img tag for small badges when viewed on high-resolution displays. They will retain their pixelated look instead of made blurry when scaled up.
Need to be updated
These need to be updated to the new logo.