: What do different bracket/braces/parens in logos mean? I'm thinking on a logo for my personal site that is tech/dev oriented and I've been curious about the use of brackets/braces/parens in logos.

@Vandalay110

Curly braces in many programming languages denote a block of code. The practice can be traced back to BCPL, before that you would see stuff like:

Begin
...
End


So the braces is a sort of shorthand for lot of code lives here. So it makes sense to say {Code} in some situations.

The less than greater than is derived from SGML and its predecessors. Its denoting a control sequence or structural marker known as a tag. Today it says strongly HTML or XML, in other words web stuff lives here, although it would mean document also.

The first logo is different from the rest. Its a alternative spelling of slashdot. Its a sort of nerd pun. In early days of the graphical web people didn't know how url's were constructed so you needed to read addresses out loud to laypersons, as follows

H T T P Colon Slash Slash W W W dot ... dot com


Slashdot as a name is a pun on top of this. It would ensure you could not easily reach the site when read out loud if you didn't understand what an address was made of. Plus its easy to shorten, and is cryptic still to this day.

Slash alone is a path separator but also a web construct...

Vote Up Vote Down

@Phylliss782

My experience is primarily in c++, and a mix of misc. high level languages. I don't do much work with .html or web work. From my experience the first two are the most semantically consistent:

[] An array, generally a collection of items or data structure. This is probably why it was selected by code academy. It implies a collection of type code, without being grossly correct to any syntax.

(stuff I work with) Generally an argument to a function or method signature. You could think of this as 'we work with this!"

** In c++ these would be used to indicate an objects pointer. It might be used to imply the stored address or location, but * this might be more universally understood as a wild card. For instance ./shred* has the connotation of shredding anything you find at your local directory, or where you are now.

{} These brackets usually contain the body of something. Either the class or functions within a class. I would interpret this as 'this is what we do', rather that 'what we work with'.

In all honesty, these subtle connotations, would probably be missed by your general audience, and any usage at all will likely signal the use of code in your work. I liked your question, and thought it would be fun to think through the response. Try not to take these syntactical references too serious.

I hope this helps!

Vote Up Vote Down

@Holmes874

They mean whatever you want them to mean. They're just a decorative element. As you state, most of them refer to 'code' of some sort and have been used for the past couple of decades in tech company logos.

In fact, they've been used so much for tech company logos that it might be almost cliche now to use it, so you may want to consider going a different route.

Vote Up Vote Down

@Nimeshi706

In all your samples (except perhaps the last one) they simply are a reference to web design/development.

The use is similar to a wrench used in a logo for a mechanic or plumber - it's just what the trade uses so it's included as part of the logo.

Note the word "code" in 99% of your samples, this is what the various brackets refer to.

< > = html with or without the backslash
{ } = CSS, Javascript, PHP, ASP, etc.

Basically, they just mean "code".

Without knowing what you do and do not work on, it may be wise to not use such elements if you are a designer who does not create content for the web. By using these items, many educated consumers will assume you do create web content.

The other items such as braces [ ] or parenthesis ( ) generally don't have a direct connotation of "code" although they are used in server-side scripting and/or javascript/jQuery. So, it could be seen as references to more advanced coding (php, asp, etc.) than simply HTML and CSS.

Vote Up Vote Down