Tiny Core Linux

General TC => General TC Talk => Tiny Core Artwork => Topic started by: Zendrael on September 17, 2013, 10:38:06 AM

Title: 5.x Design Guidelines
Post by: Zendrael on September 17, 2013, 10:38:06 AM
Hello all!

We will be defining the 5.x series Design Guidelines here.
I hope we could have some help here to get it working and good ideas to share!

Feel free to post a mockup of your idea!

Thanks!
Title: Re: 5.x Design Guidelines
Post by: Misalf on September 17, 2013, 12:25:28 PM
I'm not sure where you want to go so I hope its OK if I just drop my two cents.

I have recently played with compiz which is amazing but actually just a fun way to waste some time, not the KISS way, though I don't see any reason to not post themes/artwork for compiz since its available for TC.

Usually I prefer minimalism over fancyness but I also prefer functionality and/or visually appealing themes which, at the same time, do not distract me. F.e. I always disable the Themes service on WinXP but I don't do so on Win7 where I'd loose some functionality.

Shortly before my TC4.7.7 USB installation died, I removed lots of icons from the gnome-icon-theme, hoping to reduce the ballast by eliminating which I found to be ugly anyway (several MB that was, I think). Might be nice to have a lighter replacement.

I got used to use Fluxbox which is easy to create themes for I think (I edited an existing one which nearly suited my taste). While JWM or FLWM are functional, they are ugly as hell by default (which scared me) - these might need nicer themes.

I don't like wallpapers. I usually set my background to just black. Actually I just found out today that Fluxbox has some nice backround features so I made my 'wallpaper' to be a dark gray grid on black background.
Code: [Select]
fbsetroot -foreground rgb:0C/0C/0C -background rgb:04/04/04 -mod 16 16added to  ~/.setbackground
"hsetroot ..." commented out.

I like the TinyCore logo a lot. Though as it has been said, visibility is not that good on dark background.

I always prefer my PC to boot quickly. Boot Splash is not for me.
I'm even using logo.nologo boot code. Not sure though if it has a significant effect on speed.

Title: Re: 5.x Design Guidelines
Post by: tinypoodle on September 17, 2013, 09:52:10 PM
While JWM or FLWM are functional, they are ugly as hell by default (which scared me) - these might need nicer themes.

jwm is shipped with a theme included in extension.

I'd doubt anything could be changed with flwm in particular at runtime - besides from the generally applying fltk options.
Title: Re: 5.x Design Guidelines
Post by: Zendrael on September 18, 2013, 04:23:45 AM
We could start (try) supporting / creating themes for the already supported WindowManagers used in CorePlus, as they are "default".

QT and GTK can be created from another minamalistic theme, or, if we find a good one, it can be the one to ship in an extension (given the author credits, of course).

A themes that integrates well between QT and GTK will be the best one, including the lightweight.

The icons that I mentionet is not a full icon pack, just icons for the base apps.

Any suggestions?

Will post a screenshot of my actual system later.
Title: Re: 5.x Design Guidelines
Post by: Misalf on September 18, 2013, 11:14:37 AM
None of the 'System Tools' have window/taskbar icons in Fluxbox but they do in FLWM. Don't know about the other WMs.
Maybe this can also be taken care of?
Title: Re: 5.x Design Guidelines
Post by: Zendrael on September 18, 2013, 11:26:43 AM
Sure

We must think in the maximum of integration between the tools and the plenty of apps/setups that any user can do...

And how about colors? All the color has a meaning, which directions do we take on this?
Title: Re: 5.x Design Guidelines
Post by: Misalf on September 18, 2013, 12:15:05 PM
Icons colors maybe just need to be different so one can distinguish them faster.
I think I've heard that in general the color green is often associateed with sickness while it's also used to indicate a good status. Hmm, maybe it just shoudn't be too colorful.
The firefox icon is orange and blue; looking nice (imo) and jumps into the eye without looking like a warning symbol.
GIMP icon is neutral brownish-gray but the shape might be more important for recognizing it in the taskbar.
I have confused Run, Apps & SCM Apps a few times because the look so alike (when I'm tired).

For GUIs I like 212/208/200 (I even know these values off-hand). Maybe I just got used to it due to using Windows for so long; Just gray makes me want to look somewhere else. GUIs ran by root still using gray on my system so I don't feel to comfortable using that (which is a good thing).
Title: Re: 5.x Design Guidelines
Post by: Zendrael on September 18, 2013, 01:52:01 PM
Hi!

Attached is one idea of logo and icons. The logo, being flat, could get any other color to differ from any background. The icons are just ideas to follow the flat style and simplicity.

I'm not on my Core machine to take the screenshot of the gtk theme yet, will do until the end of the day.
Title: Re: 5.x Design Guidelines
Post by: Misalf on September 18, 2013, 02:31:29 PM
That future-look logo is actually pretty nice.
If inverted, (orange on black) it might look nice as a boot splash logo or something.

Now I think I know what you mean regarding 3D icons (opposite of flat).
That might not quite harmonize alongside other apps installed, though on the other hand it might be very good to differentiate System Tools and User Installed Tools.
Title: Re: 5.x Design Guidelines
Post by: Zendrael on September 19, 2013, 07:48:14 AM
Hi!

How about FlatStudioLight ( http://gnome-look.org/content/show.php/?content=154296 ) as the theme of choice?

Together with the AwOken icons... maybe we could start from them!
Title: Re: 5.x Design Guidelines
Post by: sethend on September 19, 2013, 08:06:46 AM
Hi friends, I did a small and simple sketch of a button on and off to contribute to the Tyne Core, if you liked intend to create layouts with these color patterns. Give suggestions, comments or more ideas of what can be done ... thanks.
Title: Re: 5.x Design Guidelines
Post by: Misalf on September 19, 2013, 09:07:12 AM
I would at least like to see a thin border underneath the window bar to seperate it from the rest of the window content because its using the same color; silly me might need severel attempts to move the window across the screen without holding the Alt key.

AwOken icons looking very good (seems HQ; big in file size?).

--

Hi sethend,
Where could that icon possibly be used for?
Title: Re: 5.x Design Guidelines
Post by: sethend on September 19, 2013, 11:01:16 AM
Misalf Hi, this icon may be used as a shortcut actually was an idea to draw all the other icons of the Tyne Core, which could give a unique personality and unique look of the Tyne Core, using soft icons and use according to applications assigned.

Observation: I don't write a english perfectly, else I use the google tradutor. Gradually I will improve my English. I promise. ^^)
Title: Re: 5.x Design Guidelines
Post by: byteshaman on September 19, 2013, 11:39:05 AM
i dont know much about tiny core yet. but i do know a thing or two about computer generated artwork.
i will be watching this thread from time to time to understand the branding you are trying to apply. anyone feel free to private message me, or email me : zun@byteshaman.us  if a helping hand is needed. beware though, i dont know tinycore much yet, but i do know computer generated artwork and how to create a visual brand. i refuse the title of artist. i accept the title of computer guy.
Title: Re: 5.x Design Guidelines
Post by: Misalf on September 19, 2013, 11:51:07 AM
Verry interesting icon, sethend.
Reminds me of the Unetbootin icon combined with a power off symbol. ^^
Title: Re: 5.x Design Guidelines
Post by: Zendrael on September 19, 2013, 01:11:08 PM
Welcome @sethend and @byteshaman!
All ideas and any help are appreciated! Please give your thoughts about the itens mentioned in the first post of this thread too if you like.

@Misalf, I will download and try both, the theme and the icons... Don't know about the size yet. If the combination is good, we can use them then change what we think that will fit better to Core. Following what you said, what about a blue line unde the caption for active windows and just another gray for non-active ones?
Title: Re: 5.x Design Guidelines
Post by: Misalf on September 19, 2013, 08:58:58 PM
blue and gray - good.
Title: Re: 5.x Design Guidelines
Post by: Zendrael on September 22, 2013, 05:10:38 AM
Any other themes or icons to suggest?
Title: Re: 5.x Design Guidelines
Post by: Misalf on September 22, 2013, 06:44:56 AM
I don't know about good gui or icon themes - I only now that I want those.

One criteria for me, to call a theme good, could be that the window bar is about 18 pixels in height so a 16x16 icon fits in there while no space is wasted.

Also I like the close button to be clickable if the window is maximised and the mouse is moved to the very upper right corner (depends on window manager but some themes disable that feature).

A red close button is also good if it suits the theme.

I do not understand why so many themes make the window title text centered on the window bar.
I find it much more suitable if the text is displayed next to the window icon so my eyes can alwas start reading from a fixed point.

--

I like your attempt to create flat styled icons.
Apart from the fact that your exit icon for example looks actually like an exit icon (while the default TC exit icon looks like.. hmm.. maybe a car door key hole) have you thought about making them resemble the default TinyCore icons a little bit more?

--

By the way, why does the main TinyCore icon look like a screw head?
Title: Re: 5.x Design Guidelines
Post by: gerald_clark on September 23, 2013, 05:49:06 AM
Because it is a screw head.
Core is a tool kit.
Title: Re: 5.x Design Guidelines
Post by: Zendrael on September 23, 2013, 06:09:11 AM
Hi Mr. Gerald_Clark!

What do you think about our ideas here until now?
Title: Re: 5.x Design Guidelines
Post by: coreplayer2 on September 23, 2013, 12:53:37 PM
Quote
I do not understand why so many themes make the window title text centered on the window bar.
I find it much more suitable if the text is displayed next to the window icon so my eyes can always start reading from a fixed point.

My eyes use the center as a fixed point and automatically finds title or other information from that point    ..it's simply what we are used to.    I believe Fluxbox has the option to change the window titlebar text location (but can't say for sure)
Title: Re: 5.x Design Guidelines
Post by: Misalf on September 23, 2013, 03:08:40 PM
You're right about Fluxbox. It's controlled by the theme.cfg ('window.justify: left'  in my case).
Might really just be a matter of usualness..
--
So, Core is a tool kit. Thus the screw head (I actually only noticed that because I have downloaded an image which had 'screw' in its file name).
For icon themes which replace TinyCore icons, it might be nice if those would be representing that.
F.e. the editor icon - I don't have a cartridge pen in my tool box but a pencil.
Hmm.. my imagination isn't going as far as I would like right now concerning the other icons but I hope you get the idea.
Title: Re: 5.x Design Guidelines
Post by: byteshaman on September 30, 2013, 10:34:33 AM
there are several possibilities and several ideas, but not sure exactly what would work.

as far as color schemes, one idea that might work (if anyone agrees) is : black, white, grey - with color only serving focal points.

if anyone is familiar with the movie, or comic book "Sin City" - thats kinda what i mean. the majority of everything was in black and white, until there was a focal point, a rose, an eye, the yellow bastard, then only THAT item would have color.

as far as icons, how does this work? does the tiny core team make each icon for each tcz or do those come automatically with applications from all distros? i'm still learning to understand how linux works. i am still under the impression that some of the apps i am using for tinycore are apps from other distros, while some apps are propietary to tiny core.

personally i would suggest something similar to the style of font-awesome icons :  http://fortawesome.github.io/Font-Awesome/icons/

or something of the pixel art genre : http://8bitdecals.com/8-bit-image-gallery/

i got alot of help on the forum to get my efforts started in the right direction. the best i can currently do is try to return one good effort with another good effort. so here's me messing around in photoshop with tiny core logos. keep in mind that i do have all the fancy schmancy filters, layer styles, and plugins, but i am not applying them to this set. i can try that route if nobody likes any of these i submit today.

as for artwork i pretty much just use fractals these days. although a zipatone or dotted line grid may fit the brand a bit better.
i dont know. here's my toolbox of background textures : http://byteshaman.us/textures/
ok, well, here's one image of the words tiny core all fixed up :
(http://byteshaman.us/tc/whole.png)

and here's some with just simple fonts from my collection. its possible to fix up the fonts into something fancy, but im not sure what style we are looking to agree with, so i'm only providing fonts as a base.
(http://byteshaman.us/tc/01.png)
(http://byteshaman.us/tc/02.png)
(http://byteshaman.us/tc/03.png)
(http://byteshaman.us/tc/04.png)
(http://byteshaman.us/tc/05.png)
(http://byteshaman.us/tc/06.png)
(http://byteshaman.us/tc/07.png)
(http://byteshaman.us/tc/08.png)
(http://byteshaman.us/tc/09.png)
(http://byteshaman.us/tc/10.png)

again, this is not a graphic presentation. if we are looking for a graphic representation, then i can try something in that direction instead.
Title: Re: 5.x Design Guidelines
Post by: byteshaman on September 30, 2013, 10:36:13 AM
just adding to the brainstorm. feedback is welcome.
Title: Re: 5.x Design Guidelines
Post by: Lee on September 30, 2013, 12:55:35 PM
Hmmm... I'm no artist but I'm imagining something more "tool" themed.  Imagine this (then draw it): start with the current "Core" logo but make the 'C' bigger and turn it into a caliper that's measuring the 'o'.  Then turn the 'r' into a crane that's lowering the 'e' into place.  Maybe throw in some (very) subtle "steampunk".  If executed well, this could be very neat.  If executed poorly, it could be hideous.  That's why I haven't attached any images beyond the mental one.  :)

A little color is great, but whatever the logo is, it should render well in black and white or gray-scale too.
Title: Re: 5.x Design Guidelines
Post by: Misalf on September 30, 2013, 02:43:54 PM
I like the TC logo as it is basically because I recognize it within a blink of an eye but thats a very neat idea indeed.

I'm as well not an artist but I was trying to find some pictures / blue brints of screws used in PCs to have a base for making a Core icon which I associate with 'tooling' around with computers. Couln't find an exact match so I'll probably try to combine some findings.

If I'm correct, it's an flanged hexagonal headed screw with a Philips drive type.

(http://upload.wikimedia.org/wikipedia/commons/thumb/7/7b/Cross_slot_screw.jpg/220px-Cross_slot_screw.jpg)
http://en.wikipedia.org/wiki/Screw

Title: Re: 5.x Design Guidelines
Post by: Zendrael on October 01, 2013, 04:11:28 AM
Ok, let's define something about Core here:

I think the design of the artwork must follow what Core is and let what we do (people do) of it to our (their) own.  :)
Title: Re: 5.x Design Guidelines
Post by: byteshaman on October 01, 2013, 08:54:01 AM
i use the dojotoolkit. i have no idea what they thought, or if they put much thought into the branding much at all. dojo pretty much uses a very basic form of logo. i suppose its the product that counts the most. the rest is a bunch of ornament and decoration. we dont want too much distraction. in fact we want minimal distraction from the actual interface elements. hence, the minimal letters and font type. when i pick up a hammer, a screwdriver, or look at a stick of RAM, or a car's ignition control module - rarely do i say to myself : thats an awesome logo they put on that baby! i just grab it and use it. utilitarian isnt usually very decorative.

the mental picture is good. the concept is very good.
its always very difficult to pin down the actual execution of an illustrative logo as far as what it would/will look like in actuality.
do we agree we are looking for a illustrative graphic type of logo? a graphic has illustrative objects in contrast to...well, a non-graphic - which is just a series of lines and solids...words made of letters)
http://byteshaman.us/textures/ : there is a background called escheresque.png that might work for a background?

when making a logo, it is necessary that it scale up and down easily. it is also necessary that it be turned into low resolution low color (or black and white) and still be legible and recognizable as the logo it is. we must keep that in mind when deciding to use a graphic illustrative logo.
Title: Re: 5.x Design Guidelines
Post by: Zendrael on October 01, 2013, 09:10:35 AM
@byteshaman,
the eschereesque.png is good, I liked the denim.png too (if the logo whas white or some other grey color).

I want to throw another idea: how about to start from the actual logo and then try to modify it a little, then more and more...?
Title: Re: 5.x Design Guidelines
Post by: Misalf on October 01, 2013, 05:12:03 PM
The reason I joined this topic is that I hope to see some examples on how to change the default look of the stuff included in TC.
I personally try to keep the weight low.

TC is my main Linux (yes) because it's lightweight and does not include all those just-in-case programms which I probably never use. I don't know why others use TC but it might just be the modularity or portability and it's still possible to install a fancy, resource heavy WM/DE and stuff running in the background as it's a totally legit OS.

Anyway, I still like the low-resource and tool theme idea.


Here is my progress of an alternate Screw-Core icon (see attachments).
Title: Re: 5.x Design Guidelines
Post by: tinypoodle on October 01, 2013, 07:19:37 PM
The reason I joined this topic is that I hope to see some examples on how to change the default look of the stuff included in TC.

http://forum.tinycorelinux.net/index.php/topic,7853
Title: Re: 5.x Design Guidelines
Post by: Zendrael on October 02, 2013, 05:21:11 AM
@Misalf,
could you try to make the icons more clear? I liked it.
Title: Re: 5.x Design Guidelines
Post by: theYinYeti on October 02, 2013, 07:19:22 AM
Hi,
I answer a bit late in this topic. I'll try and answer to everything at once...

@Zendrael:

I agree that Core themes should be kept minimalistic, so that Core remains Tiny ;) The current balance is good in my opinion: rather plain, but with a logo and wbar so as not to be too plain. And I like the logo and the background.
Please no bootsplash! Or as a separate (additional and facultative) initramfs.gz.

I don't think 3D themes are a good idea: they add bevels, borders, and so on, and waste screen estate, in this day and age when we have smaller screens than we used too (mobile computing). Besides, other desktop environments and web sites are shifting to flat themes, away from 3D.

I don't have an opinion on the icons, and I usually just use Tango, although I like to try something else once in a while.

From the window managers that are supported by TC's onboot/ondemand system, I prefer Fluxbox, but then, I like the default red+gray theme (I don't remember the name) well enough: it's small and nice looking.

I think GTK should be prefered over Qt, not because it is better, but because from recent tests I can tell that GTK apps tend to use less memory. On the other hand, the current unfinished shift to Gtk3 makes it mandatory to have both Gtk2 and Gtk3 (but the same could be told about Qt, with Qt5 coming).

@Misalf: I don't agree that Compiz effects are only resources-wasting eye-candy. I find many of them extremely productive! For example, I use the window transparency a lot, to do things in a window while following instructions in another window (bellow). I also use a lot the "exposé", and the zoom-in/out of windows, and the tabs!

I'm not much of an artist, and I'll leave that to others. In short, my opinion is that a good balance has to be found so that Core 5 remains tiny; I agree with Misalf on this.
And the "toolbox" idea is good.
Title: Re: 5.x Design Guidelines
Post by: Misalf on October 02, 2013, 09:24:47 AM
Thanks for the link tinypoodle.
I wish there would be more resources for FLTK to easily change its look without recompiling but that might something to try in the future.

BTW, I have to use
Code: [Select]
*selectBackground: colorbecause
Code: [Select]
fltk*selectBackground: colorhas no effect.

Zendrael, yes I'll try.

theYinYeti, My short play time with compiz wasn't enough for knowing all its feauters that go beyond eye candy though I figured I just want fluxbox. You're not using compiz together with fluxbox, or are you?
Title: Re: 5.x Design Guidelines
Post by: theYinYeti on October 02, 2013, 12:48:56 PM
You're not using compiz together with fluxbox, or are you?
(sorry, offtopic, so I'll be quick) Impossible: these are conflicting window managers ;)
Title: Re: 5.x Design Guidelines
Post by: Misalf on October 09, 2013, 10:57:40 AM
I sharpened the screw icon just a little bit.

I'm not quite able to create a metal like look.
I could provide the GIMP session .xcf file if anyone is interested in tweaking the icons.

(http://forum.tinycorelinux.net/index.php?action=dlattach;topic=15918.0;attach=3954)(old)
(http://forum.tinycorelinux.net/index.php?action=dlattach;topic=15918.0;attach=3960)(new)
Title: Re: 5.x Design Guidelines
Post by: byteshaman on October 12, 2013, 09:20:39 AM
i made a lil prototype of what i was visualizing in my head :

http://byteshaman.us/tc/

its a tiny core desktop with a fisheye list, and some floating windows. i've only tested it in mozilla firefox.
Title: Re: 5.x Design Guidelines
Post by: Misalf on October 12, 2013, 10:19:07 AM
Haha. Not my tase but nice idea.

The close button on your windows makes me want to make window buttons out of that screws a made.
- + x
Title: Re: 5.x Design Guidelines
Post by: Zendrael on October 12, 2013, 10:33:38 AM
@byteshaman
nice work but I think it doen't have much to do with the Core principles discussed (a toolkit, modular, extendable distro...) besides it is simple. How about some more work on the logo?

@Misalf
how about to do more simple icons? Let the app icons represent what they do and apply the screw ideas to the logo.

I liked the ElementaryOS BETA wallpaper (the blueprint): http://i.imgur.com/89v1S.jpg

Attached is my desktop with a flat theme and Faenza icons. The AwOken ones did not fit well...
Title: Re: 5.x Design Guidelines
Post by: byteshaman on October 12, 2013, 10:58:54 AM
its going to be pretty difficult for you all to create graphic representations of all these brand campaign suggestions. its possible, but the level of difficulty needed for achievement is above what could be classified as "simple, small, compact". i'm still following along, but you have my input.
Title: Re: 5.x Design Guidelines
Post by: Misalf on October 13, 2013, 10:57:05 AM
@ Zendrael
I confused (:
You mean more icons or simpler icons?
Leaving the wbar icons as they are and only editing that hexagon screw into the logo?

I'll try to edit the logo.

--

That wallpaper is great.
Title: Re: 5.x Design Guidelines
Post by: Zendrael on October 13, 2013, 03:43:36 PM
Hi Misalf!

I was thinking in simpler icons!

I'll try to do something like the wallpaper with the logo to test. Will port back here as soon as possible!
Title: Re: 5.x Design Guidelines
Post by: Zendrael on October 21, 2013, 08:35:20 AM
Hi all!

Attached is the wallpaper with the logo that I came up with. It is in small size because of the attachment size limitation of the forum.

Title: Re: 5.x Design Guidelines
Post by: tinypoodle on October 21, 2013, 08:42:52 AM
png format could likely result in smaller size and better quality, compared to jpg.
Title: Re: 5.x Design Guidelines
Post by: Rich on October 21, 2013, 08:52:22 AM
Hi Zendrael
Looks nice. MicroCore is now just called Core.
Title: Re: 5.x Design Guidelines
Post by: Misalf on October 21, 2013, 09:00:23 AM
Looking pretty good exept the core-screw is looking like a "Do not" / "Forbidden" sign.
Title: Re: 5.x Design Guidelines
Post by: coreplayer2 on October 21, 2013, 09:39:49 AM
Good job!  Looks good on my desktop too,  there is no micro and pure is missing but otherwise great job thanks


(https://db.tt/wqF4LKyF)





edit: update screenshot
Title: Re: 5.x Design Guidelines
Post by: Zendrael on October 31, 2013, 11:52:51 AM
Hello @Rich, @Coreplayer2 and @Misalf!

I will make some changes to the logo then post back here in a few days!

@Misalf, you're right, it does look like a "do not" or "forbidden"... hadn't noticed that the time I drew it... I'll correct it too!

What do you think in purpose a new website layout too? Any ideas?
Title: Re: 5.x Design Guidelines
Post by: Misalf on October 31, 2013, 03:30:38 PM
One thing that still bothers me is that my icon doesn't resemble a 'Core' (orb/sphere?) at all.
Well, I do not think the icons I posted are that good but I would love to see a hexagonal screw "O" in your logo if you like the idea (I do like my idea (:  ).

Your results look like good quality and you might be more able than me to make a 'simple' icon I believe.

--

I noticed I have some dead linked .PNGs in  /usr/local/share/pixmaps/
screenshot.png
services.png
settime.png

Do they still exist in some extension not loaded by default or one from an older release?
I would like to add as many icons in my Fluxbox Menu as I can (even though alpha is ignored in FB and looks horrible but it helps navigating quickly)

@coreplayer2, Where did you get that camera/screenshot image from?

--

About the web site layout, what about dealing with the window managers and GUI themes/colors first and, if we can make something worth looking at, bugging the web admin/s second. q:
Title: Re: 5.x Design Guidelines
Post by: curaga on November 01, 2013, 05:18:23 AM
We'd of course look at any website designs, with the caveat that once accepted, we'd expect the author to port all current pages to it ;)

Our current site is not ideal in that the navigation bar and the copyright at the bottom could be handled better.

There are some technical constraints to keep in mind:
- it must work in old browsers and text mode browsers (links, lynx...), so no JS or CSS3
- it must be mirrorable anywhere, so static pages only (also lets us handle huge amounts of traffic with ease, if needed)
- it should load fast, ie number of requests should be minimized

Personally I'd like a make-based system we could put in git. It would build the static pages and copy them into place, letting things be properly in one place in source form.

/end tech talk

Most of that doesn't involve designs, just wanted to get it out to avoid wasted work.
Title: Re: 5.x Design Guidelines
Post by: coreplayer2 on November 01, 2013, 07:59:16 AM

@coreplayer2, Where did you get that camera/screenshot image from?


How do you mean? I created the image of my desktop using " snap2usb " extension
Title: Re: 5.x Design Guidelines
Post by: Lee on November 01, 2013, 09:24:16 AM
The mention that the slashed "O" looks like "do not" or "forbidden" gives me the idea that it might work well if you can put something behind it symbolizing "bloat".  Especially if it can still be recognized as a screw head.

Including "micro" and "tiny" and "plus" in the logo might not be such a good idea though, as it seems to shut out additional flavors (already including "d" and "pi").

I also like the idea idea of something "core" like.  Core > Coeur >  heart > center > something round with some treasure or enlightenment at the center.

Some of the earlier Tiny Core Logos were good that way.  The challenge will be coming up with something that really fits the -name- "Core" as well as the -idea- of a "toolbox" and then to work in elements bringing to mind "tiny", "fast", "robust" etc etc.

Good luck with that - glad I'm just an idea guy, not an artist.     ;D

Title: Re: 5.x Design Guidelines
Post by: gerald_clark on November 01, 2013, 11:02:43 AM
In the stock logo, the Slashed O is supposed to be a screw head.
Title: Re: 5.x Design Guidelines
Post by: Misalf on November 01, 2013, 11:09:17 AM

@coreplayer2, Where did you get that camera/screenshot image from?


How do you mean? I created the image of my desktop using " snap2usb " extension

Sorry, I meant the icon you have in your wbar.
I just installed your snap2usb extension and there it is. (:

Do you know (or anyone else) where the original screenshot.png, services.png and settime.png can possibly be found?

--

An interesting idea to use a "not bloated" symbol - I have no idea though what could be an indicator for bloating.
I think the 'core' icon as it is right now is actually very good exept that its not screw-ish enough for me.
Title: Re: 5.x Design Guidelines
Post by: Zendrael on November 05, 2013, 12:27:28 PM
Hello all!

Did some new changes to the logo:
(https://dl.dropboxusercontent.com/s/91sakq5h798vdec/corelinux.png?dl=1&token_hash=AAG0HP7GiSzcwmc3lhIl5Qt95CI0bKV-2tZhQN2gVGi__w)

What do you think?

@Curaga, tahnks for the technical talk about the website! I'm developing a "static CMS" right now, maybe it could be used in the future... and I will provide the html, css and the pages if I could make a good looking design approved. =)
Title: Re: 5.x Design Guidelines
Post by: Misalf on November 05, 2013, 01:40:10 PM
That does look like a screw head. (:
Also it seems like if you make a small 16x16 icon out of the 'O' allone, it can still be recognized (menu, taskbar, ...).

Good job.
Now add a hexagonal flange q:
Title: Re: 5.x Design Guidelines
Post by: coreplayer2 on November 05, 2013, 10:40:48 PM
Looks great thanks

(https://db.tt/HafG8EBF)
Title: Re: 5.x Design Guidelines
Post by: Zendrael on November 10, 2013, 10:58:59 AM
Hi, thank you all for the feedback!

Mr. Curaga, I did a sketch of a website layout too:
(https://dl.dropboxusercontent.com/s/orj80lrbtv7yteb/core_site_test01.png?dl=1&token_hash=AAELfNkbiAVy7EuAPKNXukGo9JBdGkcgQwz6ciQAdfWnQg)

Sure I can provide the CSS, HTML and other code necessary, almot done with the Static Generator for this site (and could be used with other "themes" if we need).

What do you think?
Title: Re: 5.x Design Guidelines
Post by: tinypoodle on November 10, 2013, 06:25:13 PM
IMHO wastes a lot of screen estate, both vertically and (more crucial) horizontally.
Title: Re: 5.x Design Guidelines
Post by: curaga on November 11, 2013, 07:45:23 AM
I like the look, but lets hear what others say.
Title: Re: 5.x Design Guidelines
Post by: Zendrael on March 31, 2014, 06:10:22 PM
Hello all!

Some time without talk in this topic... Anyone still interested in the design guidelines?

I can still finish the static site generator to be used by the project - which provides an easy way to change themes and create/edit pages only by editing plain text files and calling the generator after that. I started a (Object)Pascal version (about 40% done) and a ShellScript version (about 20% done).

The layout showed a few posts before I can make in pure css2 (as requested) or css3 (responsive).
Title: Re: 5.x Design Guidelines
Post by: dentonlt on April 06, 2014, 03:49:00 PM
Interesting thread - I've just stumbled onto it.

If there is interest, I've edited the base FLWM code to support using/reading a conf file (~/.flwm.conf). I use it for modifying key bindings and desktop names without rebuilding. Adding support for "themes" - frame and button color/width/size/style, etc., shouldn't be too hard. Main problem, of course, is finding time to add that code. It's a reasonably small change, too. I think 20k. Not 100k.

I'd be interested to see this thread fix/describe the palette (more specific than just stating blue/gray): RGBA or CMYK values for the "stock" set of gray/orange/black/white/blue. Then themers and icon designers can depart from that set. Stating the stock sizes may help. I'm not even sure what wbar wants.

I, for one, like the idea that FLWM is the base WM. I also like the lack of boot splash, but I do use quiet in grub.
Title: Re: 5.x Design Guidelines
Post by: dentonlt on April 08, 2014, 07:48:34 PM
By way of suggestion...

(https://drive.google.com/file/d/0B9IF2HusCgnjcmhqWU80ajlBNTg/edit?usp=sharing)

Black 0x000000
White 0xffffff
Gray 0xcccccc
Dodger Blue 0x3399ff
Navy Blue 0x000099
Blaze Orange 0xff6600

Same as attached PNG or colorcombos:
http://www.colorcombos.com/combotester.html?color0=000000&color1=ff6600&color2=000099&color3=3399ff&color4=cccccc&color5=ffffff (http://www.colorcombos.com/combotester.html?color0=000000&color1=ff6600&color2=000099&color3=3399ff&color4=cccccc&color5=ffffff)
Title: Re: 5.x Design Guidelines
Post by: mocore on April 12, 2014, 03:02:52 AM
I liked the ElementaryOS BETA wallpaper (the blueprint): http://i.imgur.com/89v1S.jpg
Same!
..I wander could some (better) approximation of this blueprint wallpaper be scripted with ImageMagick ...

in some notes i found http://imgur.com/IX4WQAF &
Code: [Select]
# liblcms2.so.2 - missing

# tce-load -i  ImageMagick.tcz lcms2.tcz

convert  -size 1000x1000 xc:white -strokewidth 1 -draw 'line 0,0 0,999' -draw 'line 100,0 100,999' -draw 'line 200,0 200,999' -draw 'line 300,0 300,999' -draw 'line 400,0 400,999' -draw 'line 500,0 500,999' -draw 'line 600,0 600,999' -draw 'line 700,0 700,999' -draw 'line 800,0 800,999' -draw 'line 900,0 900,999' -draw 'line 0,0 999,0' -draw 'line 0,100 999,100' -draw 'line 0,200 999,200' -draw 'line 0,300 999,300' -draw 'line 0,400 999,400' -draw 'line 0,500 999,500' -draw 'line 0,600 999,600' -draw 'line 0,700 999,700' -draw 'line 0,800 999,800' -draw 'line 0,900 999,900' grid.jpg
  from running http://www.tikirobot.net/wp/2007/05/23/make-a-grid-using-imagemagick/

Title: Re: 5.x Design Guidelines
Post by: Zendrael on February 01, 2015, 05:47:13 AM
Hello all!

Quite some time that no one posted anything about a new website layout and logo.

No one interested?

To simplify the maintenance of the site, I'll suggest a Static Site Generator and then we can build a theme around it...