drift icon indicating copy to clipboard operation
drift copied to clipboard

Drift branding

Open alexmartinfr opened this issue 5 years ago β€’ 16 comments

I experimented with some branding idea for Drift and came up with this: Drift for Pest

Lighting and colors would need more work, but if you like the idea I could explore that further.

Also, very hard to convey an 80's vibe on a white background, so I cheated with this dark one!

alexmartinfr avatar May 27 '20 16:05 alexmartinfr

Like the idea and think this could work out nicely πŸ˜„

Maybe @caneco has some input?

olivernybroe avatar May 27 '20 17:05 olivernybroe

Loved the idea of keep the 80's vibe πŸ•Ί

Would you mind if I refactor your design :)

caneco avatar May 27 '20 20:05 caneco

I don't mind at all @caneco, do your magic ! (I really love what you did with the Pest logo btwπŸ‘Œ)

In case you want to use the font face I used for Drift, it's Jack Armstrong BB. Feel free to change anything you can improve πŸ˜‰

alexmartinfr avatar May 27 '20 21:05 alexmartinfr

I really love what you did with the Pest logo btw Thank you 😊

In case you want to use the font face I used for Drift, it's Jack Armstrong BB. That just saved me one trip to Google. Thanks!

I will post here my suggestion πŸ˜‰

caneco avatar May 27 '20 22:05 caneco

While refining the type for the logo, in a way that then can be used for other products of PEST, I ended up with this artwork.

Can I haz some opinion?

pest-drift

And I might just created a new art style, at least it's a first time I see something like it – I call it… Synth-minimalism

caneco avatar May 30 '20 14:05 caneco

@caneco I find it really cool! πŸ”₯

Reminds me of cobra kai πŸ˜ƒ image

olivernybroe avatar May 30 '20 14:05 olivernybroe

That's awesome @caneco! Love it.

owenvoke avatar May 30 '20 14:05 owenvoke

@caneco I love it!

Fun fact, on my first attempt I tried similar grid & sun, but it didn't really work. Your mountains and oblique stripes are the cool touch glueing everything together πŸ’―

And the minimalistic touch is πŸ”₯πŸ”₯πŸ”₯

Your artwork once coloured would be awesome on the website's landing page!

alexmartinfr avatar May 30 '20 15:05 alexmartinfr

@caneco you are just next level.

nunomaduro avatar May 30 '20 15:05 nunomaduro

On this topic, I was thinking we could have kind of ASCII "easter eggs" to sprinkle where we can in the code / some CLI returns perhaps?

Pest:
     _______   _________   ____________________
    /____   ) /________/ /  ___________   ____/
   _____/  /  ______    (  (____      /  /
  /  ____ /  /_____/     \____   )   /  /
 /  /       _________   _____/  /   /  /
/__/       /________/  /______ /   /__/


Drift, with Pest font:
     ______     ______      _    ________________ 
    /  ___  \  /____   )  (_ ) /_________   ____/
   /  /  /  / _____/  /  ___  ______    /  /
  /  /  /  / /  _    /  /  / /  ___/   /  /
 /  /__/  / /  / |  |  /  / /  /      /  /
/_______ / /__/  |__| /__/ /__/      /__/


Drift, with an adaptation of @caneco 's revised font:
(Hard to reproduce in text)
  ______     ______      _    _______   _______
 (  ____ \  (  ____ \   ( )  (  _____) (__   __)    
  | |   ) )  | |   ) )  | |  | |          | |
  | |  / /   | |__/ /   | |  | |____      | | 
  | | / /    |  _  /    | |  (  ____)     | |
  | |/ /     | | \ \    | |  | |          | | 
  (___/      (_/  \_)   (_)  (_/          (_) 

alexmartinfr avatar May 30 '20 15:05 alexmartinfr

@olivernybroe wrote: Reminds me of cobra kai πŸ˜ƒ

I believe that @nunomaduro will be happy 😁

.

@nunomaduro wrote: @caneco you are just next level.

Thanks 😊

.

And the minimalistic touch is πŸ”₯πŸ”₯πŸ”₯ Your artwork once coloured would be awesome on the website's landing page!

I'm really keen of this new style; can we assume this style at least for the README files?

.

@AlexMartinFR regarding the ASCII art, are you doing it by hand? What's the max char width?

caneco avatar Jun 01 '20 17:06 caneco

Oh my bad @caneco, I thought you were you applying your design in black and white first trick!

The minimalistic B&W version looks great as is πŸ‘

I did a very quick ('n dirty) mockup of what the homepage could look like with it as the hero image, because that's where your artwork would really shine:

(Thoughts are welcome everyone!)

image

The readability of the text covering the image would need to be increased, but this wouldn't be difficult. (More fading to the grid? Space everything further appart?)

As for the docs, I'm curious to see what you have in mind!

Regarding the ASCII logos, yes they are hand-made. I tried generators/converters in the past but always ended-up fixing the kerning or some other small details.

I aimed for 9-char width for the Pest logo, but had to cheat a little for the "ST" to look correct. The S spans 11 characters-wide, if you don't count the top bar fusing with the T.

alexmartinfr avatar Jun 01 '20 21:06 alexmartinfr

Uuuuuuuuuu… I would like to try PEST website with that design 😍

Can I @nunomaduro?

caneco avatar Jun 02 '20 20:06 caneco

mimicking Nuno's voice: Go for it!

πŸ˜…

alexmartinfr avatar Jun 02 '20 21:06 alexmartinfr

Of course @caneco ! Thanks!

nunomaduro avatar Jun 02 '20 21:06 nunomaduro

Of course @caneco ! Thanks!

Noice! Just wait for the PR πŸ˜‰

caneco avatar Jun 02 '20 21:06 caneco