Create Civic Opportunity Project Logo

[rfambro2]

Overview

Brainstorm ideas for project logo

Action Items

• Provide sketches/ideas for team review
• Review ideas
• Choose (3) sketches for further development
• Team review to pick final logo idea
• Finalize Logo and update website

Resources/Instructions

https://www.hackforla.org/#projects
Project Initiatives

[tan-zhou]

I think the logo could incorporate one of the following concepts:

• Growth
• Progress/Advancing
• Connection/Inclusivity

Some imageries that I associate with these concepts:

• Growth: Seeding plant 🌱 ; chart with upwards trend 📈 ;
• Progress/Advancing: rocket 🚀 ; airplane ✈️ ; arrow forward ▶️↗️ ; fast forward ⏩; star 🌟 🌠 comet☄️
• Connection/inclusivity: chain link 🔗 ; connected dots 🎇 ; 🍀 four compartments joined together 💠; cycle ♻️

[rfambro2]

Additional concepts:

• Community
• Diversity

Imagery:

• Community: City map connecting various neighborhoods
• Diversity: Image of people together from various ethnicities

[tan-zhou]

Bonnie's sketch:

• Community of Practice
• Project
• Volunteers
• Onboardings

In the middle is Professional Development

[ExperimentsInHonesty]

This is not that pretty, but communicates what I was thinking. If we are going to use something like this we would need it mocked up so that they eye, where professional development exists was all filled in.

[rfambro2]

@ExperimentsInHonesty - I think this is a great concept Bonnie. Can we fine a UI Designer or even possibly a Graphic Designer that can fine tune it?

[TaniaKhan04]

Here are some rough logo ideas I came up with so far based on the suggestions:

[rfambro2]

@TaniaKhan04 - Awesome logo options here! As we discussed in our last sync, we'd love to keep building on these ideas and introduce more possibilities of having a wordmark somewhere in each option.

Team favorites (from left to right):
no particular preference order

• Option 2 - Maybe play with the bars a bit more to communicate intention more clearly?
• Option 3
• Option 4
• Option 6

[TaniaKhan04]

[ExperimentsInHonesty]

Gave notes to Tania. Hoping to see new on 2/25/21

[TaniaKhan04]

[ExperimentsInHonesty]

We voted and the Lightbulb won. Here were the votes

• Lightbulb, Rocket,
• Lightbulb, Rocket
• Lightbulb, Puzzle
• Lightbulb, Stairs
• Rocket, Lightbulb
• Lightbulb,

Plan is to iterate some more keeping the favicon in mind.

• Dark (one on left)
• Light (without coil)
• Light (with coil on right)

See figma file https://www.figma.com/file/ROnzMyb5fgjYp058Po81Y4/Civic-Opportunity?node-id=0%3A1
and add the sample tabs from another project's figma to test with https://www.figma.com/file/zGyhV8Z6sLohatYAnFoxQm/100Automations-Project-Board?node-id=1593%3A525

[TaniaKhan04]

Here is the fourth iteration of logo ideas based on the votes for the previous designs:

I have also created favicons of both the solid lightbulb and the outlined lightbulb in different colour on the Civic Opportunity Project Figma file: https://www.figma.com/file/ROnzMyb5fgjYp058Po81Y4/Civic-Opportunity?node-id=0%3A1

[rfambro2]

@TaniaKhan04 - Using Google and Facebook as the favicon examples, let's try to add a shape behind the lightbulb to increase visibility. Would also like to explore adding (2) color theme options. If we want to match the HfLA logo color, lets use this #fa124f.

White lightbulb is the general favorite graphic idea within the group. The teal blue and yellow options were favorites for the standalone graphic. Seems like the crimson color works better on the favicon options currently though.

[TaniaKhan04]

After the feedback from last Thursday's meeting, I have made several updates on the Figma file for the Civic Opportunity Logo. I added comments explaining the changes in more depth.

https://www.figma.com/file/ROnzMyb5fgjYp058Po81Y4/Civic-Opportunity?node-id=0%3A1

[ExperimentsInHonesty]

@TaniaKhan04 I think we are narrowing it down. Here are our notes

1. Please show a stacked comparison of adding a White line between the screw-in-part and the glass on the solid red and solid blue and the way it is now
2. Please show a stacked comparison of solid red and open red favicon with no tile background vs with white tile background
3. Please show a stacked comparison of solid blue and open blue favicon with white tile background

None of the tile backgrounds should have a line around them.

[TaniaKhan04]

I created more favicon options based on the notes mentioned above. The Figma file now has stacked comparisons of all the different options.

https://www.figma.com/file/ROnzMyb5fgjYp058Po81Y4/Civic-Opportunity?node-id=0%3A1

[ExperimentsInHonesty]

@TaniaKhan04 Thank you so much for all the work.

We decided red bulb with no tile behind and with a line above the screw part

This is ready to implement into the logo

[ExperimentsInHonesty]

@TaniaKhan04 will update the logo tonight!!! :-)

[ExperimentsInHonesty]

Please produce

• a 600 x 400 on white for the hackforla website, and you can paste it into this issue.
• a version with minimal padding and transparent for the one sheet.

[TaniaKhan04]

Hello!

Here is the file for the 600 x 400 on white:

Here is the same picture on white but with minimal padding:

Here is the 600 x 400 with minimal padding with a transparent background:

The files can also be accessed through the Figma folder under the "Final Logo Iteration" Page :)
https://www.figma.com/file/ROnzMyb5fgjYp058Po81Y4/Civic-Opportunity?node-id=107%3A504

[alexilee]

Need to assign to Pawan when he gets access to the repo.