Comments (24)
@ryanelian For me, it is a pleasure to be able to make a contribution in Instapack, I will review and study your suggestions to start with the sketches, in a couple of days I will send you.
from instapack.
The outline version of the logo, with same gradient color scheme.
EDIT: on second thoughts, I like this better.
I wonder if the logo would look better if the lines are thinner?
from instapack.
It would be nice if I can release 6.7.0 (which ships hot reload feature), with this logo.
Version 6.7.0 has been released, any update for the logo?
from instapack.
Hi, I apologize for the delay, I live in Venezuela and lately we have had many problems with the internet, more than a week without signal. Soon I will send the final files, again I apologize for the delay.
from instapack.
Hello,
I'm sorry to hear about your conditions and I'm glad to hear you're alright. Sure I can use the logo files for the next version 😘
from instapack.
Hi @area55git
Sure, I'm open for collaborations. Open Source is about these stuffs anyway, the more the merrier. 👍
I myself envisioned instapack logo to be:
- Futuristic. Less of a flat symbol and more of an object with depth, a machine.
- Made of glass or metal. Or both.
- With a gradient touch of TypeScript blue color + W3C HTML5 logo orange color turning to JS yellow color (signifying compilation)
- and a touch of Sass magenta color somewhere (or not)
- Speaking of gradients, I personally loooove how Visual Studio 2010 logo looks like. (Beautiful gradients, excellent use of transparency, not too simple)
But yah, those are just random ramblings of mine. I'm not a professional logo designer. 😄
What do you have in mind?
from instapack.
Hi Ryan, I have 2 proposals to show you
In the first proposal, I used the project initials ( i + p) in the form of an outline with a degraded color from orange to yellow.
In the second proposal, I combined an arrow representing a compilation with the letter "i" of the name. Using the Sass color reference combined with green to give contrast.
I hope you like some.
from instapack.
Other color options:
from instapack.
Very interesting. It reminds me of Pied Piper logo with Tron Legacy-ish feel.
I personally don't like the other logo, so let's work from this one.
Guys, please vote which logo is better: https://www.strawpoll.me/16326027
I also made a (very shitty) 5 minutes paint job using above logo with gradient from TypeScript blue to JS yellow for visualization:
Please also vote if this is actually a good idea: https://www.strawpoll.me/16326033
from instapack.
hey @ryanelian I think would be better if the gradient flows from left to right, not diagonally
also I love this @area55git design
from instapack.
Developed an alternative color which involves the four language elements:
- TypeScript blue
#007ACC
gradient from bottom left to top right, turning JavaScript yellow#f3df49
- Sass magenta
#cc6699
gradient, opaque from top left to near-middle, turning HTML5 orange#E34C26
with alpha zero (fully transparent and not touching the TS and JS colors)
Food for thoughts:
- The line connecting the lower half of
i
to the circle looks really out of place. It's probably shouldn't be there...
from instapack.
The outline version of the logo, with same gradient color scheme.
Yeah, I me too.
from instapack.
Title fontographies:
from instapack.
Title fontographies:
Between Comfortaa and Audiowide.
from instapack.
I used the font called Segoe UI because it has the dot of the letter "i" rounded and its corners are rounded, it goes very well with the logo.
from instapack.
Do you want to see it with one of the sources suggested by you?
from instapack.
I think we could square an hour to be connected at the same time, now in my country, it's 4:00 p.m. I don't know how many hours apart there are from your country.
from instapack.
Dope. We like that one.
Do you want to see it with one of the sources suggested by you?
Try Comfortaa
Show me one version of the logo with the title under it and another with the title to the right of it.
from instapack.
Hi Ryan, I'm sending you a sample with the suggested font, a vertical and horizontal version, a delineated version and a dark background version, I hope you like them.
from instapack.
This one is okay. The font is not too thicc that it overpowers the logo.
It would be nice if I can release 6.7.0 (which ships hot reload feature), with this logo.
What I probably need:
-
Resizable vector version of the logo (
.svg
, with the title under) to be put on the very top of the README. With transparent background obviously. -
Another
.svg
version of the logo but with the title to the right of it, in case I need it for publication / marketing purposes in my presentation slides. -
A small (128x128 pixels, also with transparent background)
.png
version of the logo without the title for system notification icon. -
If it's not too much to ask: the original, editable vector logo file. (I'm assuming you're working on this using Illustrator?)
Interesting. Although not practical as the official emblem (since the logo needs to be put on the system notification icon) and looked more like a banner, that looks surprisingly good.
from instapack.
Hi @ryanelian during the course of the day I'll send you the files.
from instapack.
Next month I will be releasing the new instapack 7. It would be really nice if I can incorporate the logo into the finished product. 😃
from instapack.
Hello, @ryanelian, I want to apologize for the long absence, I tell you that I'm Venezuelan, there the political situation became very tense and this affected my economic position, for that reason I decided to leave my country to seek improvements in my life, now I'm in another South American country called Ecuador, for the above exposed I ask you if you still need the final files of the logo so you can fulfill my collaboration, if you have some corrections please you can notify them.
from instapack.
Closed due to non-activity.
from instapack.
Related Issues (20)
- Consider adopting Babel-TypeScript transpilation
- An in-range update of @types/fs-extra is breaking the build 🚨 HOT 1
- TSLint is deprecated. Research into TypeScript-ESLint integration HOT 2
- Bootstrap in Node Modules Error (for version 7.3.0) HOT 4
- Keep Getting "[WDS] Disconnected!" Error HOT 3
- New Feature: Non-Overwriting Copy Build Tool HOT 2
- Hot Reload: Add HTTPS Server Development Guide
- Hot Reload: Explore using $script.js loading
- Hot Reload: Explore Experimental React Refresh Feature
- instapack 8 TODO
- (Future) Enable Top-Level Await / Async Modules / await import
- [Future] Force install vue-template-compiler OR @vue/compiler-sfc in user project HOT 1
- Explore TypeScript incremental compiler API HOT 1
- Add Ramdisk Support HOT 1
- instapack 8 stable checklist HOT 2
- Color Adjustment For PowerShell Dracula Theme and Windows Terminal HOT 1
- JS Build failes HOT 4
- How to integrate purgecss?
- How to enable autoprefixer? HOT 1
- Specify source folder instead of automatically using js/ ? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from instapack.