code.mil icon indicating copy to clipboard operation
code.mil copied to clipboard

Design a Code.mil logo

Open fulldecent opened this issue 7 years ago • 28 comments

Work plan

  • [x] Identify agency/code that will take final custody of code.mil
  • [x] 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 avatar Jan 30 '18 15:01 fulldecent

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 avatar Jan 30 '18 15:01 fulldecent

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?

jordangov avatar Feb 05 '18 21:02 jordangov

@jordangov Updated issue for new issue scope.

fulldecent avatar Feb 05 '18 21:02 fulldecent

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. :)

jordangov avatar Feb 05 '18 21:02 jordangov

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

arichiv-usds avatar Mar 13 '18 15:03 arichiv-usds

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

jordangov avatar Mar 13 '18 15:03 jordangov

@meenaldds

arichiv-usds avatar Mar 13 '18 15:03 arichiv-usds

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?

jotasprout avatar Sep 20 '18 20:09 jotasprout

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.

jordangov avatar Sep 23 '18 13:09 jordangov

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.

jotasprout avatar Sep 24 '18 15:09 jotasprout

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

jordangov avatar Sep 24 '18 18:09 jordangov

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 avatar Sep 26 '18 15:09 jotasprout

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.

jotasprout avatar Sep 26 '18 15:09 jotasprout

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.

jordangov avatar Sep 26 '18 19:09 jordangov

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

jotasprout avatar Oct 01 '18 16:10 jotasprout

Sure thing!

jordangov avatar Oct 01 '18 17:10 jordangov

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.

bushidocodes avatar Nov 29 '18 02:11 bushidocodes

Sounds great!

jordangov avatar Nov 29 '18 02:11 jordangov

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

jrspxjosh avatar Dec 13 '18 17:12 jrspxjosh

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

appanzl avatar Dec 12 '19 20:12 appanzl

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

jordangov avatar Dec 13 '19 14:12 jordangov

codemil-logo.pdf

appanzl avatar Dec 13 '19 15:12 appanzl

Hello everyone, I'm confused as to how I'm part of this email. I designed a logo a while back, but never received a reply from it.

Sent from my iPhone

On Dec 13, 2019, at 10:02 AM, appanzl [email protected] wrote:

 codemil-logo.pdf

— You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

jrspxjosh avatar Dec 14 '19 03:12 jrspxjosh

@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?

jordangov avatar Dec 16 '19 14:12 jordangov

@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.

appanzl avatar Dec 17 '19 15:12 appanzl

Still valid?

afomi avatar Feb 12 '20 19:02 afomi

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

benmcnelly avatar Nov 09 '21 15:11 benmcnelly