troisjs / trois

✨ ThreeJS + VueJS 3 + ViteJS ⚡
https://troisjs.github.io
MIT License
4.2k stars 300 forks source link

Library Branding Proposal #121

Open alvarosabu opened 2 years ago

alvarosabu commented 2 years ago

Hey there, first of all, loving the library so far, has helped me a lot learn 3D and ThreeJS. I would like to contribute:

This is a proposal for the library overall branding, to match what other libraries using ViteJS, Vitest

Motivation

This is a really good library and I would like to see it has more traction in the community, more content about it being created.

Proposal

Isotype

trois-isotype

Isotype as a standalone visual icon using elements from ThreeJS original logo and ViteJS Logo, useful for the avatar, social media, favicon, etc

isotype-inspiration

Imagotype

Combination of the current logotype TroisJS with the current Inter Font and the proposed Isotype both Light Theme and Dark Theme

troisjs

Color Palette

Color Palette

Example of use on the documentation

Screenshot 2022-01-22 at 15 17 15

I would love to have your feedback, let me know if you would consider the proposal. Cheers

Kapcash commented 2 years ago

Nice! Will look good as a favicon 👏

But I think it doesn't remind the threejs part of troisjs in the logo. It looks like a red "Vite". Just throwing in ideas:

But anyway, I love the initiative!

alvarosabu commented 2 years ago

troisjs-logo

@Kapcash I also thought about the 3d spark, I did one on blender, the only thing is that it will limit the logo to be always a png instead of a vector.

I also played with the original ThreeJS logo. wdyt?

troisjs-logo-wireframe

klevron commented 2 years ago

Thanks @alvarosabu, nice work 👍

Few weeks ago I tried to make an animated 3d logo using instanced triangles, but I didn't had time to finish... image

My main idea was to make a threejs logo transforming into a vuejs logo... A static logo with a fade effect between threejs/vuejs could be interesting, no ?

alvarosabu commented 2 years ago

Hey there @klevron, that would look awesome for the hero of the documentation for example.

I would not recommend that level of complexity tho for the actual logo, considering that be difficult to use on favicons, icons, etc. Would be difficult to vectorize. Logos and imagotypes as brand identification should be static (Then for use on motion graphics, they can be animated)

A static logo with a fade effect between threejs/vuejs could be interesting, no?

Depending on how you want the library to be perceived, using other libraries n' logos and colors would just extend their branding, not giving its own identity to the TroisJS library.

People would recognize ThreeJS and Vue rather than TroisJS, but really depends on how you want the library to be perceived.

alvarosabu commented 2 years ago

Hey there, I just wanted to ask if you are still interested in the branding proposal. I see a lot of potential in the library with a similar branding as other Vite ecosystem tools like:

Cheers

kissu commented 2 years ago

We could maybe have something more 3D-y? Like a donut or some cute shape? 🍩😂 Not sure if 🌩 is what people think of when it comes down to 3D.

alvarosabu commented 2 years ago

@kissu 3D rendered donut? I mean, I like the idea since Donuts are the Hello World of 3D hahaha

kissu commented 2 years ago

Doesn't need to be super high poly but could be a nice reference indeed. Maybe even 3 of them since trois.