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.

Sign up for GitHub

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

Jump to bottom

SVG (vector) Logo #7482

Open
karol-depka opened this issue Mar 20, 2021 · 23 comments
Open

SVG (vector) Logo #7482

karol-depka opened this issue Mar 20, 2021 · 23 comments
Assignees
@JayTailor45
Labels
new feature requires triage

Comments

@karol-depka
Copy link

karol-depka commented Mar 20, 2021 •
edited

Hi.

It would be nice to provide a TypeORM logo in SVG format.
Right now I only see PNG format.

If You have another format like .eps, I could do the conversion to .SVG.

Think of:
https://github.com/gilbarbara/logos.git
:)

Think vector graphics, hi-res displays (retina, smartphones, 4k+), zooming in, printed materials, CV-s, job offers, posters, shirts, hoodies, mugs :).
@JayTailor45
Copy link

Hi @karol-depka I'm interested to take this issue. Can you assign it to me? I will ping you when I have something :D

@JayTailor45
Copy link

Hey @karol-depka I have created vector logo in a figma project. Now can you please tell me in which format I would need to submit it?
Here's what it looks like. Feel free to share feedback :)
image

@karol-depka
Copy link
Author

karol-depka commented Mar 27, 2021 •
edited

Hey @JayTailor45 . Thank You so much for the file.

I'm thinking it would be best to have something much simpler. (simplicity is the ultimate sophistication, etc.)
Please take a look at the simplicity of most of those logos: https://github.com/gilbarbara/logos

What would You say about something like this?
https://www.figma.com/file/h7gw69WcuDKYfgSpykAsqf/TypeORM-logo-idea?node-id=0%3A1
image

It includes a nod to ideas in the original logo, while simplifying a lot.
Excuse the rough quality of this quick sketch.

Maybe we should weave in some nod to TypeScript logo (square with TS letters) ?

@karol-depka
Copy link
Author

PS Btw, @JayTailor45 I'm also an Angular developer :). I saw Your Blender tutorials (I also use Blender) - https://www.youtube.com/channel/UCLgTFV-ItyIf310HZN2U4Kg - really nice ! :).
Here is my LinkedIn: https://www.linkedin.com/in/karoldepka/, let's connect :).

@JayTailor45
Copy link

@karol-depka Initially I thought I just need to create vector image of existing logo. So I went ahead and trace it out with Pen tool.
I do agree. Simplicity is very important when it comes to logos. Your rough mockup looks great. I will work on it and try to come up with at least 2 different variations.

Thank you for the opportunity. This is going to be my first OSS contribution.

PS: Glad to connect with you. also thank you for words about my YT channel :D

@karol-depka
Copy link
Author

Hi @JayTailor45 . Please check some more ideas, with a nod to TS logo:
https://www.figma.com/file/h7gw69WcuDKYfgSpykAsqf/TypeORM-logo-idea?node-id=0%3A1

@JayTailor45
Copy link

@karol-depka I might be asking dumb question, but can you please let me know what is nod?

@karol-depka
Copy link
Author

@karol-depka I might be asking dumb question, but can you please let me know what is nod?

Hi @JayTailor45 . This is what I meant :).
https://www.macmillandictionary.com/dictionary/british/a-nod-to-towards-something#:~:text=DEFINITIONS1-,1,nod%20towards%20poet%20Walt%20Whitman.

@JayTailor45
Copy link

Hi @karol-depka I checked your logo mockups. I think "TO" can be misleading. I'm trying to say a story from the logo. I steal some ideas from your mockups and current TYPE ORM logo.
Now I have created some rough wireframes. Can you share your thoughts on it? I think it says a story.
https://www.figma.com/file/wWWvFErfiQOgnXHzGDvxFQ/typeorm-logo?node-id=0%3A1

@karol-depka
Copy link
Author

karol-depka commented Mar 31, 2021 via email •
edited

@karol-depka
Copy link
Author

New ideas, first one with a nod to the curly brace. & all of them with nod to the "table rows".

image

https://www.figma.com/file/h7gw69WcuDKYfgSpykAsqf/TypeORM-logo-idea

@pleerock
Copy link
Member

pleerock commented Apr 1, 2021

From everything I saw here, the most I liked is this one

image

Would be interested to see improved / alternative versions of this logo

@karol-depka
Copy link
Author

@pleerock Ok. Maybe using the curly braces as the outer "borders" of the logo, in order to simplify?
Wdyt @JayTailor45 ?

@karol-depka
Copy link
Author

Or, like here,
image

as part of the outer border, in order to keep the curlys a little separated, so they can look like curlys still?

@JayTailor45
Copy link

Cool @karol-depka, I will see If I can put together something :D
Btw I'm also in favour of @pleerock, So far that was my favourite logo. and I'm sorry for the delayed response, I'm only working over weekends. :)

@JayTailor45
Copy link

Hey @karol-depka and @pleerock, Sorry for the delay.
I was ill for like 10 days and then I cough up with work.

Today I got a chance to work on logo a bit.
Here's how it looks like. Please share your thoughts. You can check previous link if you want to see it in more details.

image

image

Thanks!

@JayTailor45
Copy link

I like first one the most 😄

@duongleh
Copy link
Contributor

@JayTailor45 I love the first one too, simple and so nice :D

@JayTailor45
Copy link

Thanks @duong-le. Glad you liked it! 😄

@rigba
Copy link

rigba commented Nov 18, 2021 •
edited

I created my own svg incase anyone needs it in the future. Its not 1:1 perfect but its good enough I reckon. It also doesnt include text.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510 476.05">
      <defs><style>.cls-1{fill:#999;}.cls-2{fill:red;}.cls-3{fill:#ffb600;}</style></defs>
      <polygon points="183.34 125.53 175.59 125.53 175.59 133.27 183.34 133.27 183.34 125.53 183.34 125.53"/>
      <polygon points="183.34 191.38 175.59 191.38 175.59 199.12 183.34 199.12 183.34 191.38 183.34 191.38"/>
      <polygon points="183.34 157.81 175.59 157.81 175.59 165.55 183.34 165.55 183.34 157.81 183.34 157.81"/>
      <polygon points="269.85 95.83 175.59 95.83 175.59 103.58 269.85 103.58 269.85 95.83 269.85 95.83"/>
      <polygon points="269.85 125.53 187.22 125.53 187.22 133.27 269.85 133.27 269.85 125.53 269.85 125.53"/>
      <polygon points="269.85 157.81 187.22 157.81 187.22 165.55 269.85 165.55 269.85 157.81 269.85 157.81"/>
      <polygon points="269.85 191.38 187.22 191.38 187.22 199.12 269.85 199.12 269.85 191.38 269.85 191.38"/>
      <path d="M277.3,87.37a6.46,6.46,0,0,1,6.46,6.45v133a6.47,6.47,0,0,1-6.46,6.46H168.85a6.47,6.47,0,0,1-6.46-6.46v-133a6.46,6.46,0,0,1,6.46-6.45H277.3m0-5.17H168.85a11.62,11.62,0,0,0-11.62,11.62v133a11.62,11.62,0,0,0,11.62,11.62H277.3a11.62,11.62,0,0,0,11.62-11.62v-133A11.62,11.62,0,0,0,277.3,82.2Z" transform="translate(-1 -14.78)"/>
      <polygon points="183.34 306.29 175.59 306.29 175.59 314.03 183.34 314.03 183.34 306.29 183.34 306.29"/>
      <polygon points="183.34 338.56 175.59 338.56 175.59 346.31 183.34 346.31 183.34 338.56 183.34 338.56"/>
      <polygon points="183.34 372.13 175.59 372.13 175.59 379.88 183.34 379.88 183.34 372.13 183.34 372.13"/>
      <polygon points="269.85 276.59 175.59 276.59 175.59 284.34 269.85 284.34 269.85 276.59 269.85 276.59"/>
      <polygon points="269.85 306.35 187.22 306.35 187.22 313.97 269.85 313.97 269.85 306.35 269.85 306.35"/>
      <polygon points="269.85 372.19 187.22 372.19 187.22 379.82 269.85 379.82 269.85 372.19 269.85 372.19"/>
      <polygon points="269.85 338.62 187.22 338.62 187.22 346.25 269.85 346.25 269.85 338.62 269.85 338.62"/>
      <path d="M277.3,268.13a6.46,6.46,0,0,1,6.46,6.45v133A6.47,6.47,0,0,1,277.3,414H168.85a6.47,6.47,0,0,1-6.46-6.46v-133a6.46,6.46,0,0,1,6.46-6.45H277.3m0-5.17H168.85a11.62,11.62,0,0,0-11.62,11.62v133a11.62,11.62,0,0,0,11.62,11.62H277.3a11.62,11.62,0,0,0,11.62-11.62v-133A11.62,11.62,0,0,0,277.3,263Z" transform="translate(-1 -14.78)"/>
      <polygon points="344.73 146.19 306 146.19 306 152.64 344.73 152.64 344.73 323.07 306 323.07 306 329.53 344.73 329.53 351.19 329.53 351.19 323.07 351.19 152.64 351.19 146.19 344.73 146.19"/>
      <path d="M63.64,410.44q1.56-1.11,3.18-2.1c-.08-28.28-.33-80.75-1.21-107.12h0c0-17.31,0-40.59-36.46-48.16,36.42-7.57,36.46-30.84,36.46-48.15h0c1-29,1.18-89.63,1.23-114.85-.64-.41-1.29-.81-1.91-1.26C51.18,79,43.12,63.41,40.66,45.13c-4.38,7.18-7.15,16.07-7.38,27.08C32.1,128.82,29.84,194,29.46,204.91c-.91,24.51-15.91,29.18-23.76,29.94-1.48.08-3,.11-4.7.05v36.33c1.67-.06,3.22,0,4.7,0,7.85.76,22.85,5.43,23.76,29.94.38,10.88,2.64,76.09,3.82,132.69a54.49,54.49,0,0,0,5.66,24C40.74,438,48.94,421,63.64,410.44Z" transform="translate(-1 -14.78)"/>
      <path d="M64.93,88.8c.62.45,1.27.85,1.91,1.26,0-7.09,0-11.39,0-11.39s-5.17-37.44,49.06-32.28v-31s-55-3.48-75.25,29.73C43.12,63.41,51.18,79,64.93,88.8Z" transform="translate(-1 -14.78)"/>
      <path d="M115.91,490.72v-31c-54.23,5.16-49.06-32.28-49.06-32.28s0-7.53,0-19.12q-1.62,1-3.18,2.1C48.94,421,40.74,438,38.94,457.94,57.61,494.42,115.91,490.72,115.91,490.72Z" transform="translate(-1 -14.78)"/>
      <path d="M506.3,234.33c-7.85-.77-22.85-5.43-23.76-29.94-.38-10.88-2.64-76.09-3.82-132.7a55.7,55.7,0,0,0-4.42-21.37c-2.72,17.51-10.7,32.4-24,41.93a56,56,0,0,1-5.12,3.2c.07,27.79.31,82,1.21,108.94h0c0,17.31,0,40.58,36.46,48.15-36.42,7.57-36.46,30.85-36.46,48.16h0c-.9,27.05-1.15,81.56-1.21,109.25a55.05,55.05,0,0,1,6.41,3.93c12.55,9,20.36,22.75,23.5,39a56.8,56.8,0,0,0,3.63-19.48c1.18-56.6,3.44-121.81,3.82-132.69.91-24.51,15.91-29.18,23.76-29.94,1.48-.08,3-.11,4.7-.05V234.38C509.33,234.44,507.78,234.41,506.3,234.33Z" transform="translate(-1 -14.78)"/>
      <path d="M474.3,50.32C457.17,11,396.09,14.88,396.09,14.88v31c54.23-5.16,49.06,32.28,49.06,32.28s0,6.75,0,17.3a56,56,0,0,0,5.12-3.2C463.6,82.72,471.58,67.83,474.3,50.32Z" transform="translate(-1 -14.78)"/>
      <path d="M451.59,413.88a55.05,55.05,0,0,0-6.41-3.93c0,10.37,0,17,0,17s5.17,37.44-49.06,32.28v31s63,4,79-37.33C472,436.63,464.14,422.87,451.59,413.88Z" transform="translate(-1 -14.78)"/>
  </svg>

@martinpcobo
Copy link

For anyone that is still looking for the original logo built with vectors, I made it with Figma and posted it in the community. Feel free to duplicate it yourself and change it!

@karol-depka
Copy link
Author

Hey @pleerock and Everyone.
Any official decision on the logo?

Which logo should we put in job offers, cv and on shirts ;) ?.

I like the ones by @JayTailor45 :) .
Plus maybe some of my suggestions, but not that important.

I can also ask a good Friend who is a full time designer, to weigh in :). Shall I?

@JayTailor45
Copy link

Thanks for @karol-depka for the preference. @pleerock If we need some changes, I'm right here. Just ping me :)

@gabrielsfarias gabrielsfarias mentioned this issue Feb 22, 2022
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@JayTailor45 JayTailor45

Labels
new feature requires triage
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
6 participants
@karol-depka @pleerock @duongleh @JayTailor45 @rigba @martinpcobo