Skip to content

Instantly share code, notes, and snippets.

@desandro
Last active December 30, 2021 23:11

Revisions

  1. desandro revised this gist Apr 16, 2013. 2 changed files with 70 additions and 1 deletion.
    16 changes: 15 additions & 1 deletion bower-logo.md
    Original file line number Diff line number Diff line change
    @@ -93,4 +93,18 @@ I'm feeling pretty good with the way things are heading. We'll have a logo soon

    Here's where I've taken it. This is working for me. But it's not quite 100% perfect

    @isaacdurazo was awesome enough to reach out and offer his superb illustration skills. He'll be seeing the logo through to the finish. I'm really looking forward to what he comes up with.
    @isaacdurazo was awesome enough to reach out and offer his superb illustration skills. He'll be seeing the logo through to the finish. I'm really looking forward to what he comes up with.

    ## Finalizing

    [Isaac](http://www.isaacdurazo.com/) @ Bocoup collaborated in finishing the logo. Here's where we landed. This image illustrates all the iterations and small tweaks that come with designing a logo mark.

    ![Bower logo iterations](http://i.imgur.com/YXh3H7o.png)

    Isaac did a great job of unifying the colors and simplifying the forms. I brought Isaac's contributions into the previous stroked treatment.

    It looks rad.

    ![Bower](http://i.imgur.com/QmGHPgc.png)

    As a bonus, I've cleaned up all the control points in the illustrator file. In SVG, this illustration is 5KB.
    55 changes: 55 additions & 0 deletions bower-logo.svg
    Loading
    Sorry, something went wrong. Reload?
    Sorry, we cannot display this file.
    Sorry, this file is invalid so it cannot be displayed.
  2. desandro revised this gist Apr 10, 2013. 1 changed file with 10 additions and 0 deletions.
    10 changes: 10 additions & 0 deletions bower-logo.md
    Original file line number Diff line number Diff line change
    @@ -84,3 +84,13 @@ Extending the body. Giving the torso more shape so it feels like the bird is swi
    But still, there's something missing from the above illustration. Per Erin, it feels 'embryonic'. Showing the other wing tip might resolve this.

    I'm feeling pretty good with the way things are heading. We'll have a logo soon enough.

    ---

    ## Vectoring simplified sketch

    ![Bower working vector logo](http://i.imgur.com/WUfZs2R.png)

    Here's where I've taken it. This is working for me. But it's not quite 100% perfect

    @isaacdurazo was awesome enough to reach out and offer his superb illustration skills. He'll be seeing the logo through to the finish. I'm really looking forward to what he comes up with.
  3. desandro revised this gist Mar 19, 2013. 1 changed file with 23 additions and 1 deletion.
    24 changes: 23 additions & 1 deletion bower-logo.md
    Original file line number Diff line number Diff line change
    @@ -61,4 +61,26 @@ Geometric representation of a flame bower bird. It's cute cause it's a B. It's s

    ---

    These are not final. Let me know what you think. I'm not the best illustrator. If you are, please feel free to sketch something up.
    ## 2nd revisions

    _Tuesday, March 19, 2013_

    When we last left off 3 weeks ago, I started taking the Mascot illustration into Illustrator. Here's where that ended up:

    ![bower illustrator](http://i.imgur.com/pix44GG.png)

    After speaking with a colleague, we concurred it wasn't quite it. While it was certainly a cute bird, there was too much detail and the feet were weird. Ideally, this logo should be the sort of imagery that you can slap on your laptop. It should fit right in there between an Octocat and the Twitter logo.

    So I went back to paper, with the task of simplifying the forms.

    ![bower revision 1](http://i.imgur.com/3GGSgGD.jpg)

    Feet removed. Wing detail simplified.

    ![bower revision 2](http://i.imgur.com/6tpngAe.jpg)

    Extending the body. Giving the torso more shape so it feels like the bird is swiveling around. The head is elevated above the body for more distinct silhouette.

    But still, there's something missing from the above illustration. Per Erin, it feels 'embryonic'. Showing the other wing tip might resolve this.

    I'm feeling pretty good with the way things are heading. We'll have a logo soon enough.
  4. desandro created this gist Feb 19, 2013.
    64 changes: 64 additions & 0 deletions bower-logo.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,64 @@
    In addition to awesome docs #228, Bower deserves a proper logo. See below for sketches. I'm curious if you think any of these are worth me putting more effort into.

    ---

    Take a look at Yeoman right now.

    ![Screen Shot 2013-02-19 at 4 43 10 PM](https://f.cloud.github.com/assets/85566/173446/5e9b7e3c-7add-11e2-95a2-d6bde1109032.png)

    The other two entities have awesome logos. Bower's got to represent.

    ## Background

    @fat introduced me to Bower by showing me this video: [The Vogelkop Bowerbird: Nature's Great Seducer](http://www.youtube.com/watch?v=E1zmfTr2d4c). Bower gets its name from the Bower bird, a line of birds who build structures to seduce their mates. As you'll see in the video, the Vogelkop is the most creative in its collection of treasures. It will stash leaves, bottle caps, berries, dung balls, mushroom heads, etc. This is essentially what Bower the project does - putting together a treasure trove of lots of goodies.

    The Vogelkop is the best collector bowerbird, but for visuals, I've been drawing the Flame Bowerbird, with its striking red/yellow/green plumage.

    [![Dancers on Fire](https://f.cloud.github.com/assets/85566/173543/20fc7ed4-7ae0-11e2-926d-848ad87942af.jpg)](http://www.youtube.com/watch?v=Ve0eg5YQsR4&t=26m33s)


    YouTube has a whole Smithsonian show just on the Flame Bowerbird [Dancers on Fire](http://www.youtube.com/watch?v=Ve0eg5YQsR4&t=26m33s). Watch 26:33 for a male in 'full twerk', seducing a female. He's presenting a blue leaf, and doing this one-wing swivel move.

    ## Mood

    I see Bower as approachable and practical. It works as a lil' helper. It's friendly.

    ## Sketches

    Studying the flame bowerbird.

    ![bower sketch](https://f.cloud.github.com/assets/85566/173523/976e91a2-7adf-11e2-9475-d1dffd15d341.jpg)

    ![bower sketch](https://f.cloud.github.com/assets/85566/173599/f8f3992a-7ae1-11e2-8d18-30af61eb9366.jpeg)

    ![bower sketch](https://f.cloud.github.com/assets/85566/173524/993f6cae-7adf-11e2-90cd-604ae9b8a3c9.jpg)

    Illustration

    ![bower sketch](https://f.cloud.github.com/assets/85566/173529/b23dee38-7adf-11e2-8a0f-60e5493e9002.jpg)

    ![bower sketch](https://f.cloud.github.com/assets/85566/173532/b7bd5664-7adf-11e2-8047-f699534251e1.jpg)

    ![Bower sketch](https://f.cloud.github.com/assets/85566/173603/1b1e071a-7ae2-11e2-9d43-9ee66714a16a.jpg)

    ![bower sketch](https://f.cloud.github.com/assets/85566/173539/e852b224-7adf-11e2-8ee3-f4526ba6a25e.jpg)

    ## The good ones

    ### Mascot

    ![good bower sketch](https://f.cloud.github.com/assets/85566/173611/4143ccf4-7ae2-11e2-80fc-217b80a2d77f.jpg)

    This is more of a traditional mascot. That's a blue leaf in its beak. It's doing the seduction twerk.

    ### Geometric B

    ![geometric bower](https://f.cloud.github.com/assets/85566/173625/90751fb2-7ae2-11e2-9eb9-7e442704dfa8.png)

    Geometric representation of a flame bower bird. It's cute cause it's a B. It's simple so it can be reduced to tiny sizes like avatars and favicons. With that B shape, we could do stuff like

    ![bower with a bird b](https://f.cloud.github.com/assets/85566/173633/baf482b4-7ae2-11e2-9065-0cd3453b3469.png)

    ---

    These are not final. Let me know what you think. I'm not the best illustrator. If you are, please feel free to sketch something up.