• Devuan project
  • devuan-project
  • Issues
  • #21

Closed
Open
Opened 2015-04-03T03:01Z by hellekin @hellekin

Desktop backgrounds for Jessie

Follow-up from issue #7 (closed) . See also #20 (closed) .

Result available in the repository

Set on a few slogans:

  • 4-freedoms : Use, study, share, hack <3
  • no-fuss : A no-fuss GNU/Linux that I can tinker with.
  • no-toy : Where no toy has gone before...
  • your-way : Software freedom, your way.

And various colors (see repo)

Pending the logo (issue #20 (closed) ) for final versions.

Please solve the reCAPTCHA

We want to be sure it is you, please confirm you are not a robot.

  • hellekin @hellekin mentioned in issue #19 (closed) · 2015-04-02T23:37Z

    mentioned in issue #19 (closed)

  • hellekin
    hellekin @hellekin · 2015-04-03T05:22Z

    Where no toy has gone before... Red and soft.

    devuan-swoosh-no-toy-1366x768-1.png
  • hellekin
    hellekin @hellekin · 2015-04-03T05:25Z

    Software freedom, your way. Red and soft.

    devuan-swoosh-your-way-1366x768-1.png
  • hellekin
    hellekin @hellekin · 2015-04-03T05:26Z

    Damn bugs. Not being able to edit is ANNOYING.

    devuan-swoosh-your-way-1366x768-1.png
  • hellekin
    hellekin @hellekin · 2015-04-03T05:33Z

    Well, you see the pattern... Also in dark and light, as the previous batch ...

  • golinux
    golinux @golinux · 2015-04-04T22:31Z

    hellekin: Just seeing these. Nice layout with the swoosh. I think the logo could be bigger and have more contrast. Visually it's heavier on the right side. Try compensating by moving the text a bit higher and to the left. That would balance the curve of the swoosh. We need to find a better color for the tag line . . . the white isn't working for me. Red is not to my taste but we can provide alternatives. When I get back on squeeze, I'll play with it a bit. Well done!

    PS. I'm not having a problem editing. Doing so just now.

    Edited 2015-04-04T22:32Z
  • hellekin
    hellekin @hellekin · 2015-04-05T02:39Z

    Here's a pass with colors and a different layout. Also take into account that it's 640x480, so it's for a small display and should appear quite big.

    devuan-no-toy-dark-640x480.png
  • hellekin
    hellekin @hellekin · 2015-04-05T02:40Z

    The same in red.

    devuan-no-toy-red-640x480.png
  • hellekin
    hellekin @hellekin · 2015-04-05T02:44Z

    I prefer when the logo and the line go together...

    rect4760.png
  • hellekin
    hellekin @hellekin · 2015-04-05T02:57Z

    Hmmm. Better.

    g8586-1.png
  • hellekin
    hellekin @hellekin · 2015-04-05T03:08Z

    What I like with a single color is that it does not invade your actual desktop theme. Dark, light, and one dominant color, and that's it. Goes with anything.

  • golinux
    golinux @golinux · 2015-04-05T03:21Z

    How about some color?

    burnt_orangish.jpg
  • golinux
    golinux @golinux · 2015-04-05T03:22Z

    More earthy?

    earthy.jpg
  • hellekin
    hellekin @hellekin · 2015-04-05T03:23Z

    Nice... I like both. Here is what I just put on my laptop:

    hellekin-4-freedoms-1366x768.png
  • golinux
    golinux @golinux · 2015-04-05T03:23Z

    You'll notice that I transformed the logo a bit - stretched it out. Gives it more motion. Not so blocky

    Edited 2015-04-05T03:24Z
  • golinux
    golinux @golinux · 2015-04-05T03:26Z

    If it floats your boat. :) It's the yin/yang thing again. ;)

    Edited 2015-04-05T03:27Z
  • golinux
    golinux @golinux · 2015-04-05T03:29Z

    You do know that those are very rough transformations and would have to be done properly with layers in inkscape.

  • hellekin
    hellekin @hellekin · 2015-04-05T03:30Z

    (actually no, it doesn't... Just was testing colors according to the rest of my destop. The colors work, but not the shapes :)

    Yes I noticed, but... Really? (comments removed because you've read my mind) I'd rather stick to the logo in #20 (closed) . Every single change is more work for me to adjust every other file.

  • hellekin
    hellekin @hellekin · 2015-04-05T03:31Z

    Actually your shape is closer to the original, and better for 16x9 or 16x10 displays... Hmmm...

  • hellekin
    hellekin @hellekin · 2015-04-05T03:31Z

    I'm gonna skip it for tonight and watch it again tomorrow.

  • golinux
    golinux @golinux · 2015-04-05T03:35Z

    hellekin: The logo started bothering after living with it for a few hours. It's too heavy and blocky. More stretched gives it a lightness and yes, will look better on a wider screen. Also the placement of the tag line starting under the 'E' balances the swoosh in the other direction. I wish I could run inkscape myself but no time to learn right now - garden everyday including tomorrow.

    Edited 2015-04-05T03:38Z
  • hellekin
    hellekin @hellekin · 2015-04-05T19:43Z

    What about playing with thickness? That makes it more dynamic.

    Otherwise I'm for coming back to the original design with thinner letters and the swoosh apart from the logotype.

    g43345.png
  • hellekin
    hellekin @hellekin · 2015-04-05T19:44Z

    and it's the wrong issue. Grrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr.

  • golinux
    golinux @golinux · 2015-04-05T21:05Z

    hellekin: Oh NOOOOO! Please not a detached swoosh! I was thinking that the letters should be thinner too. Three ideas. 1. a consistent font but thinner. I would try the 'V' thickness first. 2. If you can manage 5 different font weights. have the thinnest font last so it's a gradual progression. 2. Group the font sizes. the swoosh and 'E' heaviest, 'VUA' medium, 'n' lightest. Or 2 + 2 + 2. Are you going to reopen the logotype issue?

    Edited 2015-04-06T06:11Z
  • Jaromil
    Jaromil @jaromil · 2015-04-06T12:51Z

    awesome work hey. I'm testing some graphics in the installer and background for the alpha release. Can you please upload the .svg formats somewhere? I need those. Nothing final, but so we can try look at them in place.

  • golinux
    golinux @golinux · 2015-04-06T16:14Z

    @hellekin You do realize that the logo in my desktop suggestions is not the final one - it has the rounded 'E'. I took one of your older mockups to work from and that's where we were at the time.

    Edited 2015-04-06T16:39Z
  • hellekin
    hellekin @hellekin · 2015-04-06T17:40Z

    @golinux something like this?

    @jaromil I pushed the SVG to the devuan-art jessie branch. It does not include @golinux 's colors nor the ultimate logotype and layout, but you already have lots to play with. In order to export a PNG, you need to:

    1. Select and unlock the size layer
    2. "View" the text, logo, swoosh, and background combination
    3. unlock the background and select the object
    4. Export PNG - Selection
    g4639.png
  • golinux
    golinux @golinux · 2015-04-06T18:24Z

    I just realized that the above stepped down the font weight as I suggested. Unfortunately it doesn't work very well. This one is better IMO. #20 (comment 1000)

  • hellekin
    hellekin @hellekin · 2015-04-07T00:16Z

    OK, the logo issue is closed, now a bit of layout and colors...

    Here's one with your earthy look.

    devuan-your-way-earthy-1920x1200.png
  • hellekin
    hellekin @hellekin · 2015-04-07T00:19Z

    Bigger logo

    devuan-your-way-earthy2-1920x1200.png
  • hellekin
    hellekin @hellekin · 2015-04-07T00:21Z

    I prefer smaller. On a very large display the latter looks very big. Embrace space :)

  • golinux
    golinux @golinux · 2015-04-07T01:08Z

    @hellekin Nice. I'm really happy with the logo. I also prefer the smaller type (or maybe something in between) but the placement would be better down and to the right a bit. Thank you for placing the tag line in the little niche under the 'E'. Oh . . . and I'd take off the '.' at the end of the tag line . . . looks funny to me. :) I just got in from mowing for over 3 hours. I'm a sweaty, stinky mess - it was pretty hot today - and not currently on my production machine. After a bath, I'll suggest a placement and it won't be the previous one. ;)

    Edited 2015-04-07T01:17Z
  • golinux
    golinux @golinux · 2015-04-07T03:27Z

    Here is the logo repositioned. Only one suggestion. Either the logo needs to be a bit bigger or the tag font a little smaller. Currently the size of the caps is almost identical. I also moved the tag line to under the 'E' on this version. A lower case 'S' in software would help. In fact, I think that probably the easiest place to start.

    Edited 2015-04-07T03:33Z
    devuan-your-way-earthy-repositioned-1920x1200.png
  • hellekin
    hellekin @hellekin · 2015-04-07T03:34Z

    I reduced the text size and the logo size as well.

    rect7139.png
  • golinux
    golinux @golinux · 2015-04-07T04:10Z

    @hellekin I like your positioning. Again suggesting a lower case 's' and lose the period at the end. The tag font is a little had to read at that size.

    Edited 2015-04-07T05:30Z
  • hellekin
    hellekin @hellekin · 2015-04-07T04:41Z

    Ack. Lowercase, no punctuation.

    devuan-no-fuss-red-1366x768.png
  • golinux
    golinux @golinux · 2015-04-07T04:55Z

    @hellekin Nice colors. I would move the tag line to the right about 2px. Currently the loop of the 'a' is slightly to the left of the edge of the ''E' in devuan so there's a little visual jog there. I would eventually keep all the BG logos in the same position. This one's a little far left, probably because it's longer than the other one. You gonna do a 'toy' one also?

  • hellekin
    hellekin @hellekin · 2015-04-07T05:25Z

    I aligned it to the western side of the D. This version is 1366x768, the other one was 1920x1200. I still can move it a bit to the right, it wouldn't do harm. Indeed that one is pretty much on the side.

  • golinux
    golinux @golinux · 2015-04-07T05:34Z

    @hellekin :) I like the relative size of the logo and tag font on the red one. What color are you going to make the 'toy' one?

  • hellekin
    hellekin @hellekin · 2015-04-07T05:39Z

    All four will be available in various sizes and all colors. So far we have dark, light, red, and earthy. Here's an illustration of the alignment I've been using.

    alignment.png
  • hellekin
    hellekin @hellekin · 2015-04-07T05:42Z

    Here's a 'no toy' with a light background.

    devuan-no-toy-light-1366x768.png
  • hellekin
    hellekin @hellekin · 2015-04-07T05:43Z

    (moved the text a bit to the right.)

  • golinux
    golinux @golinux · 2015-04-07T05:44Z

    @hellekin And the loop of the 'a' is to the left of that line! Would be better to have the edge of the loop touching the right side of the line at a minimum.

    The 'w' is way too far left!

    Edited 2015-04-07T05:46Z
  • hellekin
    hellekin @hellekin · 2015-04-07T05:49Z

    But the tip of the a is aligned. I'll give it another shot tomorrow. What about green?

    devuan-4-freedoms-green-1366x768.png
  • golinux
    golinux @golinux · 2015-04-07T05:54Z

    @hellekin Not my favorite shade of green - I prefer more of a yellowish leaf green rather than emerald. But somebody will probably like it. The alignment thing is really starting to bug me. :-o

  • hellekin
    hellekin @hellekin · 2015-04-07T05:57Z

    The u is aligned with the left side of the E (i.e. the interior of the D). Please choose a set of color combinations for background (light and dark) + logo + text. Then tomorrow I fix the alignments and produce the whole series and I'm done with it. We still have to get the site ready.

  • golinux
    golinux @golinux · 2015-04-07T07:24Z

    @hellekin Please indulge me by aligning the text from the rightmost curve of the swoosh or the inside of the 'E'. It took me a while to figure out just what was bugging me about the alignment. When it's aligned to the left side of the 'e' it amplifies the left thrust of the swoosh and pulls the eye too strongly to the left. If it's aligned with the tip of the swoosh (or the inside of the 'E') the motion left and right will be more balanced. Will get colors to you by mid-afternoon your time at the latest. Do you have DST in Argentina? Are we 2 or 3 hours difference in the summer? We (mostly you) got a lot done today. The backgrounds look quite elegant in a less-is-more way and the logo rocks!

    Edited 2015-04-07T07:35Z
  • hellekin
    hellekin @hellekin · 2015-04-07T15:04Z

    Your word is my command. DST? Ahora no.

    devuan-4-freedoms-leafy-1366x768.png
  • golinux
    golinux @golinux · 2015-04-07T15:32Z

    @hellekin OMG! That is soooo yummy!! And better positioning on the tag. Since it's already done, you could keep the emerald one too. For my color choices I'm thinking dusty purple or the obligatory blue. Maybe both? This is going to be a really nice set with great colors. Question will all colors have all tag line options available so a user can put a tag with the color of their choice? Might be too many MB, I think to do it that way . . . .

    What base color are you thinking for the site?

    So now there's 2 hours diff between us and 3 hours in the winter?

    Edited 2015-04-07T15:36Z
  • golinux
    golinux @golinux · 2015-04-07T16:45Z

    @hellekin OK. Here's a first try at a dusty purple.

    light - #7 (closed) B7691

    swoosh - #68637B

    text - #1 (closed) D1C21

    Will take a stab at a blue one in a minute. Food first . . .

    Edited 2015-04-07T16:48Z
    devuan-4-freedoms-purpy-136.jpg
  • golinux
    golinux @golinux · 2015-04-07T16:50Z

    @hellekin . . . Looking over the series, I'm wondering if all the font choices shouldn't be darkish.

    Edited 2015-04-07T20:04Z
  • golinux
    golinux @golinux · 2015-04-07T17:35Z

    Here's a blue one. Had to do a rough reposition of the tag.

    light - #97 (closed) A1B0

    swoosh - #838D9D

    text - #1 (closed) C1E21

    Usually I would obsess over this for days. Hope I got it somewhat right first try. Hope you like them.

    Edited 2015-04-08T15:19Z
    devuan-no-toy-blue-1366x768.jpg
  • hellekin
    hellekin @hellekin · 2015-04-07T19:20Z

    I find it quite greyish... Anyway I played with it.

    g5554-4-9-1-7-2.png
  • golinux
    golinux @golinux · 2015-04-07T19:24Z

    @hellekin That's fine too. As I said I would usually play with the colors for days but no time on our schedule. I might have eventually come to that myself. Go for it! Just noticed the jessie thing after I downloaded. jessie font size may be a little too big but I like the idea and how it's nestled in the niche above the 'j'. I don't care much for the added line on the inner curve of the swoosh though. It's a bit too fussy and starts to detract.

    Edited 2015-04-07T19:30Z
  • golinux
    golinux @golinux · 2015-04-08T01:09Z

    @hellekin . . . want to add that this last one would make an excellent boot screen. Wouldn't interfere with grub.

  • hellekin
    hellekin @hellekin · 2015-04-09T01:46Z

    I uploaded the SVG , the master PNGs and the accompanying generation script for all sizes. I guess only some will end up in thedesktop-baserepository. Here is an extra one for people who prefer colors and chaos. It shows the surface of Mercury.

    devuan-mercury.jpg
  • golinux
    golinux @golinux · 2015-04-09T02:02Z

    @hellekin Nice. I left a request on #devuan. :) Is there a zip folder somewhere with one of each of the final colors? Can you add one at this point? I would like to do an 'icy' theme - clear blue and whitish. I'll pull colors from the Antarctica photos.

    Edited 2015-04-09T02:03Z
  • golinux
    golinux @golinux · 2015-04-09T21:26Z

    Here's 'Icy':

    light - #EAF1FC

    dark - #DAE6F4

    text - #90 (closed) A3B9

    Waiting for a re-post of the list that need to be done.

    Edited 2015-04-09T21:28Z
    devuan-no-toy-icy-1366x768.jpg
  • golinux
    golinux @golinux · 2015-04-10T22:05Z

    Pinkish or maybe dusky rose

    light - #CFB5B4

    swoosh - #C6A8A7

    devuan-no-toy-pinkish-sm

    Edited 2015-04-10T22:05Z
  • hellekin
    hellekin @hellekin · 2015-04-11T00:31Z

    with black text the pinky one?

    List (with current background color):

    • earthy (#e9ddaf)
    • leafy (#cfb5b4)
    • purpy ( #7 (closed) b7691)
    • rocky (#e3dbdb)
    • rusty (#a05a2c)
    • skyish (#d7e3f4, to be replaced with icy)
    • nighty ( #40 (closed) b1f)
  • golinux
    golinux @golinux · 2015-04-11T00:52Z

    @hellekin . . . the text font color - #523635 - got nuked when I was trying to get the thumbnail down to a reasonable size. I think that black would be too stark. Try it and see what you think.

    Edited 2015-04-11T00:54Z
  • golinux
    golinux @golinux · 2015-04-13T17:25Z

    @hellekin - Here's rusty :

    light - #a05a2c

    swoosh - #8 (closed) C4619

    text - #411F08!

    devuan-no-toy-rusty

  • hellekin
    hellekin @hellekin · 2015-04-13T18:20Z

    Cool. I think we have enough now. Will update the repo...

  • golinux
    golinux @golinux · 2015-04-13T19:24Z

    @hellekin - I was wondering if you wanted any more. Thanks for reading my mind. Apologies for being a little slow. So is this the final list? It's a nice 'rainbow' selection!

    • dark
    • light
    • flamy
    • leafy
    • earthy
    • purpy
    • bluish
    • icy
    • pinkish
    • rusty

    and of course, mercury

    I've seen some positive comments about the BGs and logo on irc. I'm happy with them and hope you are too.

    Edited 2015-04-13T19:32Z
  • hellekin
    hellekin @hellekin · 2015-04-13T22:14Z

    I only put a sample subset of all color schemes with one text each in the repository. People can make their own combinations from the SVG.

  • hellekin @hellekin Removed in progress label · 2015-04-19T02:02Z

    Removed in progress label

  • hellekin @hellekin Status changed to closed · 2015-04-19T02:02Z

    Status changed to closed

  • Daniel Reurich
    Daniel Reurich @CenturionDan · 2015-07-16T01:45Z

    I like #21 (comment 975) . This layout is good for the installer splash. Grubsplash needs a slightly different layout tho I think.