Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design a Code.mil logo #147

Open
2 of 6 tasks
fulldecent opened this issue Jan 30, 2018 · 27 comments
Open
2 of 6 tasks

Design a Code.mil logo #147

fulldecent opened this issue Jan 30, 2018 · 27 comments

Comments

@fulldecent
Copy link
Contributor

fulldecent commented Jan 30, 2018

Work plan

  • Identify agency/code that will take final custody of code.mil
  • Identify stakeholders that have decision making authority at that agency/code
  • State purpose and audience
  • Identify design requirements (color requirements, fonts which the agency prefers)
  • Propose candidate designs
  • Cut designs into vector format, and rasters as needed (including favicons)
@fulldecent
Copy link
Contributor Author

Here you go:

favicons.zip

Methodology:

  1. Save https://github.com/deptofdefense/code.mil/blob/static-site/assets/images/dds-logo-desktop-full.png
  2. Use https://realfavicongenerator.net/
  3. Decompress
  4. Use ImageOptim on those files
  5. Recompress and attach here

fulldecent added a commit to fulldecent/code.mil that referenced this issue Jan 30, 2018
@jordangov
Copy link
Contributor

I'd like to rename this issue to "Design a Code.mil logo" and then we can use that logo in all formats/sizes, including a favicon. Thoughts?

@fulldecent fulldecent changed the title Add favicons Design a Code.mil logo Feb 5, 2018
@fulldecent
Copy link
Contributor Author

@jordangov Updated issue for new issue scope.

@jordangov
Copy link
Contributor

For now, the first two checkboxes are still DDS, with myself and the DDS design team as the reviewers. Stakeholders could be anyone in DoD. :)

@arichiv-usds
Copy link
Contributor

@LillyMadigan any interest in taking a stab at this? EX: Code.gov logo in upper left corner https://code.gov/

@arichiv-usds arichiv-usds removed their assignment Mar 13, 2018
@jordangov
Copy link
Contributor

Or maybe Meenal? I'm not sure she's on GH yet

@arichiv-usds
Copy link
Contributor

@meenaldds

@jotasprout
Copy link

If all you really need is something consistent with code.gov's like @arichiv-usds mentioned, I can do that. What requirements do you have re: file format (besides the ico, of course) and dimensions?

@jordangov
Copy link
Contributor

That was one idea, but honestly, we're pretty open. :)

In terms of formats, it would be great to have both an svg and a png version. I don't anticipate any need for high res printing, so really just good digital versions. Dimensions are open as well, but we'll need to figure out how to lay it out on our templates for the web.

@jotasprout
Copy link

jotasprout commented Sep 24, 2018

Whom should I contact to ask what typeface code.gov used? I've sent a message to the contact email address on their repo asking for the typeface or a native file they might be willing to share.

@jordangov
Copy link
Contributor

That's probably the right contact. You could also add an issue on their github I suppose.

@jotasprout
Copy link

I think I did that as well. I received an auto-response from the email stating my message was sent to some sort of newsgroup, if I understood it correctly. In the meantime, I'll start on one of my own.

@jotasprout
Copy link

jotasprout commented Sep 26, 2018

It just occurred to me that their logo doesn't say "gov". Since code.gov and code.mil work for the same government and are part of the same umbrella (correct?), can we just use the same logo? After all, you both use the same favicon.

@jordangov
Copy link
Contributor

We are not under the same "umbrella" exactly. They are two distinct efforts with different goals. We would like to have branding all our own in the long run. I think the original thought was just that the Code.gov logo was an example of something, not that we wanted to modify it and reuse.

@jotasprout
Copy link

Can I post possible images here in a comment for feedback or should I actually go through a whole PR?

@jordangov
Copy link
Contributor

Sure thing!

@bushidocodes
Copy link

If this isn't in flight, this task might be a good candidate for the Operation Code Holiday Hackathon on Dec 7-8. I got a message from an illustrator that is trying to break into UX design. This seems like it would be a great fit for that person.

@jordangov
Copy link
Contributor

Sounds great!

@jrspxjosh
Copy link

I have designed a logo through the Operation Code Hackathon and I was told by Ricardo A. Reyes to put it here.
code.mil2.pdf

@appanzl
Copy link

appanzl commented Dec 12, 2019

Hey, having trouble uploading a pdf but easy enough to walk you through the design assuming this is still open.
using 'Segeo UI' font, text '.mi_', and i had text color '#585858' on a '#FFFFFF' background to blend with your current page
hope it's of interest or at least gives you something to consider new options

@jordangov
Copy link
Contributor

Can you upload an image file instead? Would be nice to see it.

@appanzl
Copy link

appanzl commented Dec 13, 2019

codemil-logo.pdf

@jrspxjosh
Copy link

jrspxjosh commented Dec 14, 2019 via email

@jordangov
Copy link
Contributor

@appanzl I'm not sure I understand the intent behind your design. It doesn't really convey what Code.mil is about, and I'm unclear why you're leaving off the "L" at the end of ".mil" ?

@jrspxjosh You're subscribed to the github issue, hence the email notifications (I'm guessing). Sorry for the radio silence, this project took a back seat lately. I took a look at your design. I think the second one in your design has potential for us, but can we switch the color palette on the brackets to shades of blue to match the site?

@appanzl
Copy link

appanzl commented Dec 17, 2019

@jordangov, was just taking a stab at it since I came across an open discussion, no problem.
So, the underscore following the 'i' is a visual to build an L while also, intending to, impose a feel of being mid-coding. Personally, it's reminiscent of writing in command prompt, the underscore being from the text cursor position, unfortunately that looked blocky. The sergeo font for familiarity since that's what github uses on the site and i'm assuming most people visiting the code.mil page would be very familiar with github. @jrspxjosh color schema, totally open. just wanted to present a minimalist design. This much explanation must mean it wasn't a success though, oh well.

@afomi
Copy link

afomi commented Feb 12, 2020

Still valid?

@benmcnelly
Copy link

Here is what I propose:
Open source font: https://fonts.google.com/specimen/Raleway

Design language:
code_mil

This would allow for icon, favicon, header logo, and look good in print, embroidery, screen-print, etc.

This also can be used inverted or with any solid color to match the theme of the document or page. I believe the bracket design language conveys the intended purpose of the program and the simplicity makes it adaptable to future needs and uses, while still conveying a clean and purposeful intent.

source files:
code_mil.pdf

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

10 participants