Design Forgejo's visual identity and branding #15

Closed
opened 5 months ago by circlebuilder · 37 comments

Collect inputs of what is needed for best results (like Name, draft content, thoughts on positioning, project direction, desired culture, community vibe and governance, etc.) and the people willing to work on this (UX, graphics design).

Remember that David Revoy has very kindly offered his help, but we do not know when he has time, and any of this input available then is a boon.

Collect inputs of what is needed for best results (like Name, draft content, thoughts on positioning, project direction, desired culture, community vibe and governance, etc.) and the people willing to work on this (UX, graphics design). Remember that David Revoy has very kindly offered his help, but we do not know when he has time, and any of this input available then is a boon.
circlebuilder added this to the Launch milestone 5 months ago
dachary added a new dependency 5 months ago

Or just take a look at https://99designs.co.uk/blog/logo-branding/how-to-create-a-brand-style-guide/ :)

- [ ] Colour palette (e.g. https://brandcolors.net/ ) - [ ] Typography - [ ] Tone of Voice (e.g. https://mailchimp.com/courier/article/tone-of-voice/ is often cited) - [ ] Imagery Or just take a look at https://99designs.co.uk/blog/logo-branding/how-to-create-a-brand-style-guide/ :)
Owner

@Ryuno-Ki do you have the bandwidth to lead this?

@Ryuno-Ki do you have the bandwidth to lead this?

Frankly, I lack the experience in leading it. I know what to expect, but I'm not skilled enough yet to create it.

Frankly, I lack the experience in leading it. I know what to expect, but I'm not skilled enough yet to create it.

Perhaps we should reach out to mray? I think he's done quite a few designs for various projects.

@mray@social.tchncs.de

Perhaps we should reach out to mray? I think he's done quite a few designs for various projects. @mray@social.tchncs.de
Owner
I will reach out to http://fixate.it/ who work with https://opencraft.com/ and did https://opensourcemasterclass.org/
Owner

Mail sent today


Subject: Libre Software Logo Design

Bonjour [redacted],

I was discussing with Xavier about a Free Software project that is just emerging to salvage a nice software from the takeover of a for profit company[0]. We are hopeful it will continue in a non profit democratic context within https://codeberg.org. The kind of GitHub competitor that is not from the silicon valley: I'm sure you get the idea.

The name of new project is being decided (in the open, of course[1]) and will need a logo. I really like your style and how you work: I was most impressed by your presentation during the Open edX conference earlier this year. I hope we'll get a chance to work together as this new project moves along. There is staggering amount of UX design ahead.

Would you be available to work with us on designing a new logo?

Cheers

P.S. I've copied this mail in a public place[2] to share with other people but I'll be happy to continue in private if that's what you prefer.

[0] https://gitea-open-letter.coding.social/updates/
[1] https://pad.gusted.xyz/WaHYGTUDSqWkWZ-B6PwhFw#
[2] codename/meta#15

Mail sent today --- > Subject: Libre Software Logo Design > > Bonjour [redacted], > > I was discussing with Xavier about a Free Software project that is just emerging to salvage a nice software from the takeover of a for profit company[0]. We are hopeful it will continue in a non profit democratic context within https://codeberg.org. The kind of GitHub competitor that is not from the silicon valley: I'm sure you get the idea. > > The name of new project is being decided (in the open, of course[1]) and will need a logo. I really like your style and how you work: I was most impressed by your presentation during the Open edX conference earlier this year. I hope we'll get a chance to work together as this new project moves along. There is staggering amount of UX design ahead. > > Would you be available to work with us on designing a new logo? > > Cheers > > P.S. I've copied this mail in a public place[2] to share with other people but I'll be happy to continue in private if that's what you prefer. > > [0] https://gitea-open-letter.coding.social/updates/ > [1] https://pad.gusted.xyz/WaHYGTUDSqWkWZ-B6PwhFw# > [2] https://codeberg.org/codename/meta/issues/15#issuecomment-668236
dachary removed this from the Launch milestone 5 months ago
dachary added a new dependency 5 months ago
Owner

A subset of this task is designing a logo for which I created a new task. I'm not sure it can be completed before the launch but I'm willing to give it a try.

A subset of this task is designing a logo for which I created [a new task](https://codeberg.org/codename/meta/issues/23). I'm not sure it can be completed before the launch but I'm willing to give it a try.
dachary removed a dependency 5 months ago
Owner

I really like what foxlet did for the homepage and that got me thinking. It takes time to work on a good visual identity. And rushing it before the launch is not a good idea.

Would it be a good idea to just launch with a home page that is deliberately and temporarily a nice collage of existing elements? Essentially what foxlet did. Very Free Software style.

image

I really like what foxlet did for the homepage and that got me thinking. It takes time to work on a good visual identity. And rushing it before the launch is not a good idea. Would it be a good idea to just launch with a home page that is deliberately and temporarily a nice collage of existing elements? Essentially what foxlet did. Very Free Software style. ![image](/attachments/7f2bb918-9f38-41c5-9760-460c44f5dddd)
210 KiB
Poster

Would it be a good idea to just launch with a home page that is deliberately and temporarily a nice collage of existing elements? Essentially what foxlet did. Very Free Software style.

A launch like this is a unique opportunity. You will never get more eyes on the project and curious to check out differences between Gitea, ever again.

Not just eyes.. maintainers, contributors, community members coming in. And you are going to media, be on youtube, mentioned in blog posts, etc. Which will live on the web for a long time to come.

You are making a "first impression" and those are major important.

Consider you are going on a blind date and think "Well, I did not really make clothing choice and haircut style, dunno what perfume to wear. I just go with what I usually wear, though I really want to change my looks. But.. On the next date there'll be ample opportunity to show my good tastes".

Being a blind date there's some tension and anticipation, excitement.. and Expectations. It is best not to under-deliver :)

> Would it be a good idea to just launch with a home page that is deliberately and temporarily a nice collage of existing elements? Essentially what foxlet did. Very Free Software style. A launch like this is a unique opportunity. You will never get more eyes on the project and curious to check out differences between Gitea, ever again. Not just eyes.. maintainers, contributors, community members coming in. And you are going to media, be on youtube, mentioned in blog posts, etc. Which will live on the web for a long time to come. You are making a "first impression" and those are major important. Consider you are going on a blind date and think "Well, I did not really make clothing choice and haircut style, dunno what perfume to wear. I just go with what I usually wear, though I really want to change my looks. But.. On the next date there'll be ample opportunity to show my good tastes". Being a blind date there's some tension and anticipation, excitement.. and Expectations. It is best not to under-deliver :)
Owner

If someome is committed to drive a visual identity and branding for the fork to completion, my gut feeling is that it will require at least two calendar months (early January 2023) and possibly four (early March 2023).

I think all other tasks for the launch can realistically be completed before December 1st. If you have doubts about one of them, please let me know.

I also think there is a difficult choice to make:

  • People focused on the Gitea issue is high now and will only be decreasing as time passes
  • Without proper preparation the first impression of the fork will not be as efficient as it could have been
If someome is committed to drive a visual identity and branding for the fork to completion, my gut feeling is that it will require at least two calendar months (early January 2023) and possibly four (early March 2023). I think all other [tasks for the launch](https://codeberg.org/codename/meta/milestone/2788) can realistically be completed before December 1st. If you have doubts about one of them, please let me know. I also think there is a difficult choice to make: * People focused on the Gitea issue is high now and will only be decreasing as time passes * Without proper preparation the first impression of the fork will not be as efficient as it could have been
Poster

If someome is committed to drive a visual identity and branding for the fork to completion, my gut feeling is that it will require at least two calendar months (early January 2023) and possibly four (early March 2023).

Nah. Visual identity is same as software. First prototype it.. Hone it over time. Start with a Minimum Viable Visible Identity (Pull a MIVV'y 😉 ). Doesn't have to be perfect right away, but just good enough.

> If someome is committed to drive a visual identity and branding for the fork to completion, my gut feeling is that it will require at least two calendar months (early January 2023) and possibly four (early March 2023). Nah. Visual identity is same as software. First prototype it.. Hone it over time. Start with a Minimum Viable Visible Identity (Pull a MIVV'y :wink: ). Doesn't have to be perfect right away, but just good enough.
Owner

I trust you on that: you have expertise that I don't. Now the question is ... what can be achieved as a first sensible step and who's going to drive that to completion before the launch?

I trust you on that: you have expertise that I don't. Now the question is ... what can be achieved as a first sensible step and who's going to drive that to completion before the launch?
Owner

A couple of thoughts from my Matrix comments on potential colour palettes:

If we have a forge-related name, deep red and orange colours (think furnace + molten metal) might fit well. But obviously the whole brand identity needs to be designed cohesively, not piecemeal (and of course it needs to wait until the name is chosen)

This might even work well for both light and dark themes – pick colours corresponding to hot iron at different temperatures (hotter temperatures = whiter colours = the light theme). See for example the "blacksmith's colourchart" on the Wikipedia article on black-body radiation

A couple of thoughts [from my Matrix comments](https://matrix.to/#/!qjPHwFPdxhpLkXMkyP:matrix.org/$wFzUhX0xJ5fTcGhB5fIvj-_RTyoY9DxNyVB0wcb0M7c) on potential colour palettes: > If we have a forge-related name, deep red and orange colours (think furnace + molten metal) might fit well. But obviously the whole brand identity needs to be designed cohesively, not piecemeal (and of course it needs to wait until the name is chosen) > This might even work well for both light and dark themes – pick colours corresponding to hot iron at different temperatures (hotter temperatures = whiter colours = the light theme). See for example the "blacksmith's colourchart" on the [Wikipedia article on black-body radiation](https://en.wikipedia.org/wiki/Black-body_radiation) > > ![](https://codeberg.org/attachments/db1578e9-b4c7-49a2-b5ef-bf6e7c944908)
caesar added a new dependency 5 months ago
dachary added a new dependency 5 months ago
Owner

I suggest a new issue is created to define the first iteration that can be completed before the launch.

I suggest a new issue is created to define the first iteration that can be completed before the launch.
Owner

Here it is codename/meta#27

Here it is https://codeberg.org/codename/meta/issues/27
dachary removed a dependency 5 months ago
Owner

For the record, in the chatroom:

PS. I followed up to David Revoy just now in an email, giving brief status summary and the important links to know.
As mentioned before David reads Matrix only once a week and hadn't read my writings I left there. So the mail is likely the best way to ping.

For the record, [in the chatroom](https://matrix.to/#/!qjPHwFPdxhpLkXMkyP:matrix.org/$BPKtyguqO4ln7Ojl2nFT2wzov3hf16LFub_NpJxIc4k?via=matrix.org&via=exozy.me&via=tchncs.de): > PS. I followed up to David Revoy just now in an email, giving brief status summary and the important links to know. As mentioned before David reads Matrix only once a week and hadn't read my writings I left there. So the mail is likely the best way to ping.
dachary added the Communication label 5 months ago
Owner

@circlebuilder do you have any update?

@circlebuilder do you have any update?

Playing into tone of voice:
SocialCoding/gitea-open-letter#97

the updates are in the third person and never using "we" or "our" etc.

Playing into tone of voice: https://codeberg.org/SocialCoding/gitea-open-letter/pulls/97#issuecomment-689782 > the updates are in the third person and never using "we" or "our" etc.
Owner

the updates are in the third person

I'm having trouble visualizing how this will sound, can you give an example?

> the updates are in the third person I'm having trouble visualizing how this will sound, can you give an example?
Owner

For instance

The link to the Matrix account and Mastodon profile are part of our README in order to get verified links. Our CI process for updating the website was hardened to limit the blast radius in case of a security incidence in the future. We are looking for a tagline. Have an idea? Let us know!

would be

The link to the Matrix account and Mastodon profile are part of the README in order to get verified links. The CI process for updating the website was hardened to limit the blast radius in case of a security incidence in the future. Forgejo is looking for a tagline. Have an idea? Speak up!

For instance > The link to the Matrix account and Mastodon profile are part of our README in order to get verified links. Our CI process for updating the website was hardened to limit the blast radius in case of a security incidence in the future. We are looking for a tagline. Have an idea? Let us know! would be > The link to the Matrix account and Mastodon profile are part of the README in order to get verified links. The CI process for updating the website was hardened to limit the blast radius in case of a security incidence in the future. Forgejo is looking for a tagline. Have an idea? Speak up!

Oh. I messed the update up then, huh? 😿

Oh. I messed the update up then, huh? 😿

The current interims logo is resembling the git fork icon. It's rounded nature emphasizes a soft fork.

So not having sharp corners might be something we want to keep in the visual identity.

The current interims logo is resembling the git fork icon. It's rounded nature emphasizes a _soft_ fork. So not having sharp corners might be something we want to keep in the visual identity.
Owner

Oh. I messed the update up then, huh? 😿

Not at all! That's part of what I meant when I wrote that I like your style.

> Oh. I messed the update up then, huh? 😿 Not at all! That's part of what I meant when I wrote that I like your style.
Poster

Third person sounds better to me. Not "us" and "we". Though maybe that could still be used elsewhere in different contexts if it gives a better more intimate ring to the text.

@dachary I commented on the logo issue about best way to involve David Revoy.. i.e. prepare so he can immediately start sketching. He's obviously incredibly busy in his day-to-day activities already.

Third person sounds better to me. Not "us" and "we". Though maybe that could still be used elsewhere in different contexts if it gives a better more intimate ring to the text. @dachary I [commented](https://codeberg.org/forgejo/meta/issues/23#issuecomment-692888) on the logo issue about best way to involve David Revoy.. i.e. prepare so he can immediately start sketching. He's obviously incredibly busy in his day-to-day activities already.
Owner

To me it sounds a bit cold / formal (not just the use of the third person, but also the passive voice). But maybe that's just me – happy to go with whatever style people prefer 😀

To me it sounds a bit cold / formal (not just the use of the third person, but also the passive voice). But maybe that's just me – happy to go with whatever style people prefer 😀
Poster

You may be right @caesar .. tbh I have to see it on the totality of a page design to really be able to give good feedback on the whole impression it conveys.

You may be right @caesar .. tbh I have to see it on the totality of a page design to really be able to give good feedback on the whole impression it conveys.

Just for me to learn, whether it could benefit from more explaining:

Do you know what is meant with „Tone of Voice”?

Just for me to learn, whether it could benefit from more explaining: Do you know what is meant with „Tone of Voice”?
dachary removed a dependency 4 months ago
Owner

@circlebuilder David Revoy showed up in the chatroom today ❇️ Feel like a miracle happened.

He proposed a Squirrel mascot, here are the notes:

  • Squirrel - a mamal (gender neutral or female)
  • Squirrels care for their food: store them, save them for later, look for them
  • Squirrels forget about where they store their nuts by accident. Thereby nurturing the environment around them.
@circlebuilder [David Revoy showed up in the chatroom today](https://matrix.to/#/!qjPHwFPdxhpLkXMkyP:matrix.org/$8BQXditrpa3AqozIWNtFvrqE0JM8eUm0rthpWB4VBcQ?via=matrix.org&via=exozy.me&via=tchncs.de) :sparkle: Feel like a miracle happened. He proposed a Squirrel mascot, here are the notes: * Squirrel - a mamal (gender neutral or female) * Squirrels care for their food: store them, save them for later, look for them * Squirrels forget about where they store their nuts by accident. Thereby nurturing the environment around them.
caesar changed title from Design Codename's visual identity and branding to Design Forgejo's visual identity and branding 4 months ago
Owner

Here is the sketch David shared on Matrix (I hope he doesn't mind me sharing here):

I really like the squirrel.

Squirrel - a mamal (gender neutral or female)

I would prefer we stick with gender neutral. I don't see how we can make an animal like a squirrel look female (or male) without the use of cultural gender stereotypes.

Here is the sketch David shared on Matrix (I hope he doesn't mind me sharing here): ![](https://www.peppercarrot.com/extras/temp/2022-11-27_screenshot_162026_net.jpg) I really like the squirrel. > Squirrel - a mamal (gender neutral or female) I would prefer we stick with gender neutral. I don't see how we can make an animal like a squirrel look female (or male) without the use of cultural gender stereotypes.
Owner
And [the more evolved WIP](https://mastodon.online/@davidrevoy@framapiaf.org/109417494656735951) is... ![image](/attachments/9df1774f-2302-4c9e-8db4-28fd232cdba7)
1.3 MiB
Poster

And the beautiful Hero image design by @foxlet:

Forgejo logo displayed with David Revoy's mascotte in the background and the text "Beyond coding. We forge."

And the beautiful Hero image design by @foxlet: ![Forgejo logo displayed with David Revoy's mascotte in the background and the text "Beyond coding. We forge."](https://codeberg.org/attachments/418d95a1-2182-48b9-b8c8-1cb8f816c074)
Poster

Peertube website got a redesign. There's a nice blog post mentioned about the rationale. We can take inspiration here for own visual identity. First glance there looks to be a lotta good to take ideas from..

See: https://framablog.org/2022/11/29/to-understand-and-get-started-with-peertube-check-out-the-new-joinpeertube-org/

Peertube website [got a redesign](https://joinpeertube.org/news#joinpeertube-2023). There's a nice blog post mentioned about the rationale. We can take inspiration here for own visual identity. First glance there looks to be a lotta good to take ideas from.. See: https://framablog.org/2022/11/29/to-understand-and-get-started-with-peertube-check-out-the-new-joinpeertube-org/
Owner

Based on my latest wordmark proposal in #23 I created the following mockups based on @foxlet's hero image design:

or with orange text:

Based on my latest wordmark proposal in #23 I created the following mockups based on @foxlet's hero image design: ![](https://codeberg.org/attachments/26fda5ab-e6f2-42c2-8a8e-5124ff606312) or with orange text: ![](https://codeberg.org/attachments/07247647-c0c5-4f95-a0d8-95fbfcbc29c7)
Poster

In #23 I gave my preference for @foxlet logo design, but it would be good to contrast it with the above hero designs (which look quite good), so the variations can be compared in this context as well.

In #23 I gave my preference for @foxlet logo design, but it would be good to contrast it with the above hero designs (which look quite good), so the variations can be compared in this context as well.
Poster

@foxlet the fur color of our mascotte in this design is completely washed out (turned greyscale). This looks great in this hero image. But if the mascotte is used later on against a light background the brown tinted color scheme becomes 'in-your-face' and doesn't match the color scheme of this hero design. This may be solved by showing a tiny bit more fur color in the hero 🤔

@foxlet the fur color of our mascotte in this design is completely washed out (turned greyscale). This looks great in this hero image. But if the mascotte is used later on against a light background the brown tinted color scheme becomes 'in-your-face' and doesn't match the color scheme of this hero design. This may be solved by showing a tiny bit more fur color in the hero 🤔
Owner

There are other items to rework the logo or find a name to the mascot

The Forgejo branding is documented.

Is there still a need to keep this open?

There are other items to [rework the logo](https://codeberg.org/forgejo/meta/issues/45) or [find a name to the mascot](https://codeberg.org/forgejo/meta/issues/54) The [Forgejo branding](https://codeberg.org/forgejo/meta/src/branch/readme/BRANDING.md) is documented. Is there still a need to keep this open?
Owner

I think the main work here is completed; if any further changes are desired specific issues such as the ones you've linked to are the way to go.

(If anyone disagrees feel free to reopen.)

I think the main work here is completed; if any further changes are desired specific issues such as the ones you've linked to are the way to go. (If anyone disagrees feel free to reopen.)
caesar closed this issue 3 months ago
Sign in to join this conversation.
No Milestone
No Assignees
5 Participants
Notifications
Due Date

No due date set.

Reference: forgejo/meta#15
Loading…
There is no content yet.