#fediDesign

Masanori Ogino 𓀁omasanori@mstdn.maud.io
2024-09-22

Thanks to everyone commented here or wherever, the final text of postmarketOS leaflet / handout / brochure / flyers / (do you know any other names for this kind of thing?) was just committed to the official artwork repository! I hope some of you will find a copy at your favorite events and enjoy reading it!

#postmarketOS #mobilelinux #linuxmobile #fedidesign

A copy of the postmarketOS leaflet. You can download the original PDF from https://gitlab.com/postmarketOS/artwork
Masanori Ogino 𓀁omasanori@mstdn.maud.io
2024-09-20
A preliminary draft of postmarketOS leaflet / brochure / handout / flyer.
Masanori Ogino 𓀁omasanori@mstdn.maud.io
2024-09-18

I am drafting a handout of postmarketOS for IRL events.

#mobilelinux #postmarketOS #fedidesign

A draft of postmarketOS handout / brochure / leaflet.
2024-05-23

Fedi Guide mascotte in the making
They’re called Fedi and they’re going to be the guide through the Fediverse
#toTheFediverse #FediDesign

Numerous sketches of a cat with a space helmet done on a iPad
2024-05-20

#Fediverse devs and designers, please help a graphic designer with fonts 🙏
(even a boost can help)

As someone might already know, I'm building a graphic design project involving Fediverse onboarding, it's going to be a website where I try, as a designer, to find the right communication approach to help people to approach the Fediverse

Fonts are quite important in graphic design, however in this specific context the license and source of the font is something I should care about, since I'm basically trying to make a contribution to the open web. Of course, design schools rarely teach the good practices in the foss context, so I really don't know where to start. For example, are "open source fonts" a thing? After all they're basically vector files, so the content of the file is accessible by default, but maybe I'm just misunderstanding the concept.

For know I'm just aware the some typefaces are released under the OFL license and many online font libraries give access to a ton of those fonts. Google fonts is of course the most known one, however using a Google font goes on the opposite direction of the project mission.

As devs and designers, how do you choose and use fonts respecting the principles of the open web?

Thanks a lot


#FediDesign #Design #GraphicDesing #FediHelp #OpenSource
#toTheFediverse

2024-05-17

On there previous posts I tried to create a map of the existing approaches of "branding" in the context of the Fediverse.

It is important at this point to consider the role of branding in a communication strategy. Fediverse is not a corporation nor a single entity, it is in fact a collective movement. How is it possible to build a effective strategy of communication, which is essential to make the Fediverse more accessible to more people and at the same time merge a multitude of different opinions and points of view from the Fediverse users into a single and universally recognizable identity?

@hamishcampbell@mastodon.social talked a lot about branding in the Fediverse in a thread on Social Hub

It is important to note that branding can serve different purposes for different organizations. In the context of the #fediverse, the use of branding can be seen as a way to assert control and ownership over the platform and its content. This can be problematic as it can stifle community participation and decision-making.
One potential solution to this issue could be to shift the focus from project branding to instance branding. Giving more control over decisions to the communities that are using and running the instance, rather than leaving it in the hands of the developers/funders.
Strong branding in #openweb codebases can create a barrier for communities to adopt and customize the technology for their clective use. It can limit the ability for different communities and groups to collaborate and share resources. A more community-driven approach, where branding is minimized and customization is made easy, would allow a more inclusive and decentralized ecosystem to develop. This is important for the growth and sustainability of the #fediverse.
I think this thread make easier to understand the difference between the adoption of a common symbol like the Fedivers pentagon and Branding communication operated by Mastodon or Framasoft
As developers formalize a strong branding identity fro their softwares and platforms, the heterogeneous nature of the Fediverse fades away and the software becomes the entity the overshadows instances and communities.
On the other hand, discussions about decentralized social networks citing the Fediverse over single platforms better highlight the open nature of the network, and people using different platforms use the pentagon to express connection with people on the outside

I've seen branding into the fediverse used at very different scales.

Single instances often do this, they often even make custom visual identities to better communicate their idea of social interaction, it is quite common in themed instances and it usually good for communities looking for a place where they feel comfortable in being open about their identities.

As codebases, it is also used by suppliers of multiple federated services as a way to create ecosystems inside the federation, in this way a user joining a Mastodon instance is then lead to other services form the same provider, for example a Nextcloud server, a Pixelfed instance or anything else. This serves the purpose of easing the onboarding of users who were initially attracted by mastodon to the entire Fediverse, but it can possibly become a threat to decentralization as single entities gain more and more influence on bigger parts of the network.

Personally I find visual identities as an important tool for accessibility, which is not only about affordances but involves cultural aspects too. In a society so overwhelmed by Centralised Social Networks and capitalistic dynamics it is important to guide new people who do want to join the communities on the Fediverse by presenting them an understandable idea of Federated network. Thus, a strong branding presence may be too reminiscent of a corporative entity and actually limit the freedom of expression of instances and communities

I think that any new visual solution can be considered effective if it is organically accepted by most of the communities. This is the case of the current pentagon logo, which is tolerated as an identity symbol because it communicate an idea but it doesn't impose a single identity, a single post of view or a single personality. Any new logo or identity in general will need to provide the same balance or the communities won't accept that

#toTheFediverse #FediDesign

2024-05-17

As said in the previous post, in 2020 @eudaimon@fe.disroot.org created a thread on Social Hub as a way to invite people to propose new designs for the #fediverse logo

the resulting discussion highlighted some interesting points

The concept of network may be somehow misleading in the current logo, as the Fediverse is more like an archipelago of connections without an actual balance between them: some instances are more connected than others, and a pentagon with all the points connected would be an incorrect description then. A mesh would be more correct than a fully connected shape (quoting
@humanetech@mastodon.social)
Also the pentagram may be welcomed with mixed feelings by the mainstream audience, as this geometric figure have different meanings in different cultures, in particular Christian culture associate it with negative values.
Personally I agree with
@drq@mastodon.ml who discussed in this thread about the need expression of a concept using visual and design boundaries over the desire to present a concept using literal meanings

It's worth mentioning the different proposal originated in the discussion.

I've found some activity by a user called Dick Smith Fair Go, there is something from this user cached online but their account seems inexistent, it was likely deleted from all the instances they used. What remains online is a quite productive activity of Fediverse logo proposals. A well documented is the
FediOrigami proposal

Social icons on a website (or I2P eepsite) are often important to communicate where else we exist online. Previously, fedizens were left with two choices; use an inaccurate or deceptive icon based on a specific type of fediverse server, or a gaudy icon with negative connotations. Most chose the former, elevating one implementation of the social network, at the expense of ALL others. It created a false impression of fediverse's topology and had a negative effect on the fediverse generally.
Since Feb 2021, a supporters group in collaboration with FreedCreative and others, worked on a Fediverse icon. This is the result of much feedback, review and iteration.
This icon pack, called "
#fediOrigami", is based on an origami boat turned on its side. The overlapping, semi-transparent "folds" are their own entities, but interact with each other to form an 'F' and also create a silhouette of part of a star. A star being an homage to the previous but seldom-used icon design (a connected five-pointed star).
This design looks pleasing to look at, however I find it lacks the ability to communicate the nature of the Fediverse. It is introduced as a more correct depiction of the network than the pentacle logo, but in the end its meaning is way harder to get.
From a visual perspective it works better tho, being much more scalable and the areas are more proportionate, also it has a more organic design, I'm going to recognize these qualities while still considering this logo unfit to its aim.

@tirifto@jam.xwx.moe's proposal posted here is an interesting redesign/evolution of the current pentacle logo. It loses the direct reference to a network in favor of the reminiscence of a floral-like shape, as if it was an effort to add an element of organicity in a otherwise-static logo
Personally I like this direction of reiteration, as I think any possible new logo should be able to preserve and possibly highlight the human component of the Fediverse rather than the technical core, however also this proposal isn't as clear as the pentacle logo

@eudaimon@fe.disroot.org acknowledged the limits of the pentacle design and proceeded to propose two notable proposals.
the
first one is a direct redesign of the pentacle, re-shaping it as a mesh and introducing curved lines, resulting in a more chaotic symbol

The
second one, posted in March 2024, uses a new approach which I find very interesting.
Here the connected pentacle-shaped network was kinda split in three stars, composing a network in their conjunction.
I still don't think it is somehow better that the pentagon, but this version looks quite modern and balances, more than all the other proposals I've seen.
Most of all, here the concept of network is understandable, but it gives the idea of a more complex nature of connection, showing hoe the network is actually composed of smaller elements, an the whole structure seems only a partial view of a much bigger pattern.

I'd also add that this logo contains the Diaspora's star key. If a logo like this one ends up being the symbol of the Fediverse, the very start key could become a metaphor of federation, it would be incredibly neat symbol

[thread continues]
#toTheFediverse #FediDesign

2024-05-17

For my #Fediverse thesis, today's topic is about branding

As a graphic design my job is also about working with visual identities of brands, groups, entities and so on. It means I design visual communication so the identity of the author/object of the matter is both understandable and recognizable.

I must say, this seems incredible hard to do with the Fediverse.
Not only it is't owned by anyone, but it has some many different iterations in instances, softwares, protocols and communities that defining a whole identity for it will be always a limiting action.

However this didn't stopped the Fedi community to trying to find a common identity for the network.
I did a little research about it and here's what I've found

This appears to be one of the earliest symbols ever created to comunicate the structure specifically of the Fedivers's ancestor, StatusNet, and it was used to announce the Federated Social Web Summit in 2010

StatusNet Inc. and other social software developers will hold a one-day summit, the Federated Social Web Summit 2010, on July 18th, 2010 in Portland, OR, to coordinate the development of the federated social web. Participants in the invite-only meeting will discuss their current work on connecting social networks and plan future cooperation.
"Federation just means letting people on different social networks follow each other," says Evan Prodromou, CEO of StatusNet Inc. "There are dozens of businesses and Open Source projects working on the problem of social network federation. We want to make sure that people are working together so a robust, heterogeneous network-of-networks can emerge."
The symbol represents a series of entities, rendered as disks with a dot in the center (I like to see those as tiny galaxies) connected in a mesh. I don't know about the green, I just suppose it's a popular color in the tech world, probably being the typical color of circuit boards and often of the early text-based interfaces

Still in 2010, Diaspora was developed in New York. Unfortunately it's hard to find the original logo, however
here's the brand resources of the current Diaspora's visual identity and seems like Diaspora was worded as Diaspora* since 2011, so I guess the logo didn't change much.

The logo is very interesting. Dispora uses a different protocol than ActivityPub but it's still part of the Fediverse. They choose to represent the decentralisation with the concept of "diaspora", both with a asterisk key, reminding a point with many connections around, and with a dandelion, with the seeds spreading around referring to the decentralized structure of the network. I like how coincise yet meaningful it is, however it is very essential and lacks a more emotional character

[thread continues]
#toTheFediverse #FediDesign

2024-03-23
Oops, I forgot to add a few tags to the previous post: #FediLogo #FediDesign #FediverseIcon #FediArt

(I've also edited it!)
2024-03-23
@tirifto @drq @nestort
Good morning (or TZAG) everyone!
As I said earlier, here's some more info (some of it may have been already posted in current or nearby threads):

Here's a bit of history on the unofficial-and-quite-adopted logo for the #Fediverse, plus some other ideas: https://socialhub.activitypub.rocks/t/fediverse-logo-or-icon-proposal/1057, also contributed by @dsfgs.

To add a bit of more data to the history: the rotation of the pentacle has three objectives: firstly, so that it does not look neither like an upright pentacle, nor an inverted one, both of which are symbols of actual use. The other main objective was to make it square in proportions, so that if it is used in a place where it is displayed as a circle (such as many apps do in avatars: the original image is square, but it's displayed as a circle), it still appears centered and fully visible. Finally, being a bit rotated adds dynamism.

Here's a discussion (in Catalan, hopefully you can machine-translate it) where @titi, @marcelcosta and I discussed a new idea for a logo: the U+2042 ASTERISM character: ⁂ https://agora.fedi.cat/t/targeta-fediversal-amb-nou-logo/738 (plus a conversation in https://bcn.fedi.cat/notice/AbIbB3mNisOH7f3cIq with @paukokura too).

For the record, I also attach the Asterism idea. For my taste, it works better than the original pentacle, especially in small sizes (although it's still a bit cluttered, but I'd say it's clearly recognizable), and it adds the advantage of being an actual character (depending on the font, it may be implemented with 5 or 6 pointed asterisks, but I don't think that's a problem). The problem is that it is not a clear evolution of the first one, so an hypothetical process of adoption would probably generate confusion for some time. But the #Fediverse is confusing, also! Because... what is the Fediverse? In https://socialhub.activitypub.rocks/c/fediversity/10 there are some discussions, and I also remember there being one somewhere (not sure if in this forum) about how to best communicate the idea of the Fediverse (including maybe a motto), to help improve the adoption.

Anyway, for me it is funny (and a bit flattering too) to see the original logo appearing here and there. It is also interesting to observe how this all happens without any verticality or hierarchy being applied (formally, at least). The logo, by the way, disappeared at some point in Wikipedia's English version of the Fediverse article, but it stays in some others (such as the Spanish version).

#FediLogo #FediDesign #FediverseIcon #FediArt
Verygoodart! :-)verygoodart@cr8r.gg
2024-02-15

Cover image header for Discord and Reddit use similar size! Holiday's header with white snowflakes (1920 x 480)px and (1920x384)px!

Beauty headers for Discord and Reddit buy here!
dribbble.com/KartushinArt

Free header for you here:
drive.google.com/file/d/14dITN

#header #headerphotos #MastoArtHeader #headers #headerpic #HeaderImage #header #coverillustration #coverdesign #coverart #covers #cover #free #discordianfashionstatements #discordian #discord #reddit #Headerfordiscord #Headerforreddit #foryourepage #foryourpage #foryoupage #foryou #headerformastadont #headerforfacebook #headerfortwitter #snowfree #snowflake #snowflakes #snowstorm #snow #christmasgifts #christmasgiftideas #christmascard #christmas #xmastodon #HappyXmas #merry_xmas #xmasday #xmass #xmaspresent #xmas #largest_paper_snowflake #snowflakelights #snowflakes #snowflake #imagemagick #banner #bannerpicture #bannerartwork #bannerart #bannerpic #banners #bannerdesigner #banner #editorialillustration #editorialdesign #editorials #editorialcartoon #editorialcartooning #editorialcartoons #editorialart #editorial #creativedesign #creatives #creative #ValentinesDay #valentines #valentine #valentinesart #valentinesgift #ValentinesDayGifts #valentinesaday #valentineday #StValentinesDay #valentinesgiftideas #valentinegift #fashioneditorial #fashionstyle #fashionable #fashiondesign #fashiontrends #fashion #fashions #freeforall #freeware #double_header #styledesign #style #beauty #beautifull #artforsale #artworkforsale #noaiart #noai #artforsales #artforlove #artforall #artforsalebyartist #artforkids #artforinteriordesign #artforfun #artforoffice #artforyourwall #BuyIntoArt #artforwalls #artforwebsites #artworks #CoverImage #fediart #mastoart #ayearforart #mastodon #BlackMastodon #BlackTwitter #fedigiftshop #backgroundpictures #editorialbackgrounds #mastoart #freeartwork #ayearforart #discorde #discordみたいに理解してる #discordのサーバー管理者のことをop権限と呼ぶな #discord鯖 #mastodonart #fedi #fediverse #fediarte #fediartshop #fediarts #fediartist #fediartists #fediartsho #FediDesign #fedidraw #mastopics #mastopic #masto #mastodonart #mastosnow

Hi :-) A you want beauty cover image header for Discord and Reddit?
Verygoodart! :-)verygoodart@cr8r.gg
2024-02-15

Beauty animated gif afrosnowman's :-)

dribbble.com/shots/23430570--G

Support my images yours likes here! :-)
dribbble.com/KartushinArt
Thank and have a nice day for you! :-)

#afrofuturism #africa #snowmanライブ #snowmanラジオ #snowman目黒蓮 #snowman雑誌 #snowman #gif #animationstyle #animationmagic #animationmeme #animation2d #animation #experimentalAnimation #africianamericans #africaneuropeans #EastAfrica #africandiaspora #africans #africanamerican #AfricanArt #african #editorialdesign #editorialillustration #editorials #editorialcartoon #editorialcartoons #editorialart #editorial #gifs #snowflake #snowflakes #snow #snowmanテレビ #snowman曲 #snowmanゆえん #snowman佐久間 #snowman出演情報 #snowman出演番組 #snowmanのcm #snowmanらがダンスの振付を即興でコピーし #snowman経営に影響 #snowmanメンバーが彼女を持たない理由に疑問が残る #snowmanに挑むのは #frosty_the_snowman #snowmance #snowmancoin #creativedesign #creatives #creative #designing #designs #designers #CharacterDesign #designer #design #artistsonmastodon #arts #artists #artificialintelligence #PixelArt #artwork #DigitalArt #artist #art #BlackMastadon #blackandwhite #BlackTwitter #BlackMastodon #black #UnexpectedBeauty #black_beauty #beautyinblack #beautyful #beauty #styledesign #style #beautyfull #artforsale #artworkforsale #noaiart #noai #artforsales #artforlove #artforall #artforsalebyartist #artforkids #artforinteriordesign #artforfun #artforoffice #artforyourwall #BuyIntoArt #artforwalls #artforwebsites #artworks #mastoart #fediart #ayearforart #mastodon #mastodonart #fedi #fediverse #fediarte #fediartshop #fediarts #fediartist #fediartists #fediartsho #FediDesign #fedidraw #mastopics #mastopic #masto #mastodonart #mastosnow

Beauty animated gif afrosnowman's :-)
Tirifto :flago_esperanto:tirifto@jam.xwx.moe
2024-01-30

So I tried making a Fediverse logo! :gutkato_kontenta:

Most people seem to be using the rainbow-coloured pentagram (by Eukombos & al.), which I like well enough myself, but since I read somewhere that it looked a bit busy, I tried making something simpler yet familiar. Instead of different nodes, I put the colours in different spaces/communities formed between the interacting nodes; sorta inspired by the origami boat logo (by DSFGS).

I don’t think the result is particularly striking or much improved, but since I already made it, here it is anyway! Hereby dedicated to the public domain using CC0. I’ve put together a comparison with some pre-existing logos, too; which ones do you like the best? :gutkato_flucerba:

#lang_en #art #CC0 #decentralisation #design #FediArt #FediDesign #FediLogo #Fediverse #FreeCulture #FreeSoftware #LibreCulture #LibreSoftware #logo

The logo I made. It shows five white-filled circles representing five different nodes. They are connected to the empty centre with lines, and each neighbouring nodes are connected with another curved line on the outside. Together, the shape looks like a star-shaped flower, where each petal is filled with different colour (red, yellow, green, blue, and purple), with the nodes looking like five stamens separating the petals. Or at least that’s what I see in it. It is slightly rotated to match the pre-existing pentagram logo.Several existing proposals for a Fediverse logo. Shows my aforementioned logo compared to several other pre-existing logos; namely the pentagram logo by Eukombos (2018, licensed CC0); its derivative with the lines twisted to resemble the shape of a person, also my Eukombos (2021, unknown licence); the origami boat logo with overlapping triangles by DSFGS (2023, licensed GPLv3); and the butterfly logo resembling the letter ‘F’, also by DSFGS (2023, licensed AGPLv3). I had to trace the last one since a hi-res version was not readily available to me, but it’s pretty close. Each logo is shown in colour, in black and white, and finally in black and white downscaled to around 18 square pixels or so.
Dick Smiths Fair Go Supportersdsfgs@campaign.openworlds.info
2023-11-07

@smallcircles @bob @lsn

We really didn't plan for this to happen today. We must blame (thank) @realcaseyrollins and @dcent 🙃

The bloody thing metamorphosed!

#fediverseIcon #fediOrigami #butterFedy #fediArt #fediDesign #fediverse #fediverseMeta

Fediverse icon goes from fediOrigami variant to butterFedy variant because with two lines forming antenna it now looks like a butterfly. It is resting on the 'r' in "fediverse".

"fediverse^(FOSS)

 fly in for the proper, open-source social *network* - flutter around for the fun of it. Find your instance: fediverse.party/en/portal/servers"

Five icons of different styles are presented at the bottom. One looking notoriously similar to an icon of a once popular site that no longer exists, and another for Peertube.
Dick Smiths Fair Go Supportersdsfgs@activism.openworlds.info
2023-09-28

We had complete forgotten that we made this.

The timestamp on the file says mid-May 2022.

#fediverseIcon #interconstellar #fediArt #fediDesign

A fediverse icon design with instances arranged in a loose pentagon shape and joined by deliberate passages, and instance in green is tooting.

Btw, the great activism instance we've been on for years is going offline on 8 Oct due to no funding. Also mstdnSocial blocks activism under false pretences, and it seems that mastodon.#nzossNz, and #flossSocial block us. Our (DSFGS) account is somehow limited. To help our instance survive, or adopt a more lightweight setup, like BloatFE, pls talk to @Hamishcampbell to donate)
Dick Smiths Fair Go Supportersdsfgs@activism.openworlds.info
2023-09-21

@witchescauldron @msaunders
After your child has listened to the song. They can continue to enjoy the story with this reader.

To make the above images into a #book, print the first and last page back-to-back and the two middle pages back-to-back. Then staple together.

Simple.

Please print out and deliver the reader to your school local primary-level #education providers.

Because reading should be fun.

#fediArt #fediDesign #fediExclusive #onlyOnFedi

Dick Smiths Fair Go Supportersdsfgs@activism.openworlds.info
2023-07-27

@kainoa
Would FireFish devs, or anyone really, like to see this 'peach' colouration added to the fediverse icon repo?

git.disroot.org/fediOrigami/fe

We ask because it is based directly on the colours used by the #fireFish team.

#graphicDesign #fediDev #fediDesign #designersOnFedi #calcKey

Shows the current set of icons for Fediverse with the prososed version added, asking, "Peach colouration based on FireFish?"
Dick Smiths Fair Go Supportersdsfgs@activism.openworlds.info
2023-07-24

To celebrate the total demise of #birdsite as a thing, we **finally** had the PNG image files added to this page.

git.disroot.org/fediOrigami/fe

Adding a fediverse icon to your website is now easier than ever!

Boosts welcomed.

#fediverseIcon #webDev #graphicDesign #fediArt #fediDesign #fediOrigami

Dick Smiths Fair Go Supportersdsfgs@activism.openworlds.info
2023-05-01

@realcaseyrollins @djsumdog @jeffcliff @tobi @G1galovaniac @donno @joel
@strypey @aktivismoEstasMiaLuo

Thanks all for your interest in the #FediverseIcon for websites and whatnot.
FULL COLLECTION ('party' and 'organic' variants):
git.disroot.org/fediOrigami/fe

PNGs are not uploaded yet but it's trivial to download the SVG and convert them to PNG using #Inkscape. We strongly recommend PNG for #TorBrowser users who cannot view SVG.

#fediDesign #fediOrigami #fediArt #madeInInkscape

Dick Smiths Fair Go Supportersdsfgs@activism.openworlds.info
2023-03-25

T-SHIRT DESIGN:

Akin to the "I'm with stupid →" design that points to the left of the person, but instead it reads:

bitcoin
fixes
this →

#tshirt #tee #tShirtDesign #graphicDesign #fediArt #fediDesign #bitcoinFixesThis #bitcoin #moneyPrinterGoDrr #imWithStupid

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst