Updated Home (markdown)
[bibanon.git] / Bibliotheca-Anonoma-Logo.md
blobc092a065585ac54e844df6fcb2aebd1484ac8ae1
1 The logo of the Bibliotheca Anonoma utilizes a square Kufic logo, a style chosen for it's resemblance to abstract art and [QR codes.](http://spacecollective.org/mslima/2882/Decoding-code) It's a design style that is more than a thousand years old, yet somehow feels very modern. It is easy to draw, but difficult to master, and it encodes meaning within it's maze-like square pixels.
3 Square Kufic is a calligraphic artform designed to encode Arabic words in geometrically-patterned architecture. Square Kufic likely found influence from the Phags-pa Seals of the Mongols, which attempted to emulate Chinese Seal Script square forms. (In fact, it might be interesting to put together a pixel-art Chinese Seal Script logo as well.)
5 This logo was inspired by the [Arabic programming language, "Alb"](http://www.theverge.com/2013/1/25/3914150/alb-programming-language-based-on-arabic-script), where the author depicted the beauty of it's code by making square kufic inscriptions of computer algorithms (a term derived from the work of mathematician Al-Khwarizmi).
7 [This design guide](http://design.tutsplus.com/tutorials/creative-arabic-calligraphy-square-kufic--cms-23012) is immensely helpful if you feel like making your own square kufic design.
9 All these logos were first designed on graph paper. Then, it was drawn using the [the Kufi Murabba Tool](http://qcalligraphy.com/inside/kufi_murabba/) by Bahraini designer Qassim Haider. It really helps to have a Wacom tablet, or just a cell phone touchscreen to draw in the lines.
11 ## Arabic Transliteration
13 Square Kufic utilizes Arabic script as a basis for it's calligraphy. Thus, the name of the Bibliotheca Anonoma was first transliterated into Arabic. 
15 Since the Bibliotheca Alexandrina calls itself the "Maktabat Al-Alexandrina", The Bibliotheca Anonoma's name in Arabic is thus "Maktabat Al-Anonoma":
17 مكتبة الـأننما
20 1. miim kaaf ta ba ta-marbutah ("Maktabat", Library)
21 2. alef lam alef-hamza-above noon noon meem alef ("Al-Anonoma"  - of Anonoma)
23 ## Bibliotheca Anonoma (First Square Kufic Logo)
25 ![First Design](http://i.imgur.com/KaOsgph.png)
27 In the logo, "Al-Anonoma", in light blue, is centered and wrapped around by "Maktabat", in typical blue. Both are surrounded by a navy blue box.
29 The empty corner in the top-right could contain a standard square kufic inscription of the plain Arabic name.
31 The logo takes a lot of liberties with square kufic design rules. In order to fill all empty space, it breaks with Square Kufic Design tradition, lacks symmetry, and contains an excessive amount of vertical lines.
33 It wasn't long before we created the second version below:
35 ## Bibliotheca Anonoma (Traditionalist Square Kufic Design)
37 ![Traditional Design](http://i.imgur.com/UkgBKok.png)
39 ![Traditional Design, with original arabic text](http://i.imgur.com/uLyW9e3.png)
41 This is the more traditional Square Kufic logo that we currently use. 
43 It is diagonally symmetrical; both the top and right sides, and the bottom and left sides spell out "Maktabat Al-Anonoma", and the long, vertically extended lines of "Al Anonoma" lock together with each other.
45 (append graph paper draft of logo)
47 ## Bibliotheca Anonoma (Small Square Kufic Logo)
49 An alternate logo design suitable for smaller icons can be used.
51 ### Logo Design
53 This design stacks "Maktabat" upside down on top of "Al-Anonoma".
55 ## Seal Script Logos
57 For the BASLQC and BA Compendium logos, we wanted to try something different, and somewhat more challenging. We wanted to use Classical Chinese seal script to draw our logo, but with a twist: we would draw them as pixel art.
59 The ancient Small Seal script, standardized by the Qin Dynasty around the first millenium, surprisingly lends itself well to pixelization. This is likely an effect of it's vestigial use on Chinese seal stamps, which are carved into stone and thus give preference to thin slices. 
61 A Chinese artist known as Waliwala [created a very intriguing specimen](http://waliwala.deviantart.com/art/pixel-Chinese-seals-42636668) that inspired us.
63 The regular, winding, straight lines of the characters wrap around in mazes that can be approximated using a pixel grid. While circular components exist, they aren't too sharp and can remain coherent as pixellized ovals.
65 ### Characters
67 The first challenge was to actually choose the characters to use. As a Chinese speaker, this was not a great difficulty as it would be for most Westerners: [where cultural appropriation of the Orient creates some ridiculous tattoos.](http://ak-hdl.buzzfed.com/static/enhanced/webdr06/2013/8/2/12/enhanced-buzz-23666-1375461708-26.jpg)
69 However, the name had to match the poetic, multifaceted construction of Classical Chinese (which is as close to modern Mandarin as Latin is to English).
71 That way, four characters can pack quite a lot of meaning, as shown from these book titles and their long, ridiculously unwieldy English translations:
73 * 藝文類聚 - "Collection of Literature Arranged by Categories"
74 * 四庫全書 - "Complete books of the four [imperial] repositories"
75 * 天工開物 - "The Exploitation of the Works of Nature"
76 * 太平御覽 - "Imperial Readings of the Taiping Era"
77 * 通典 - ""Comprehensive Institutions""
78 * 太平廣記 - "Extensive Records of the Taiping Era"
80 * This classical chinese title standard can be used for Histories and Timelines.
81   * 高帝紀 - "Annals of Emperor Gaozu"
82   * 古今人表 - "Table of prominent people from past to present"
84 ### BA Compendium Logo
86 ![BA Compendium Logo](http://i.imgur.com/yJsMc3V.png)
88 * **Designer** - Amersel (Amersel Overtwater)
89 * **Application** - BA Compendium
90 * **CJK Script** - 虛擬書架
91 * **Meaning** - Virtual Bookshelf
92 * **Tools** - GIMP was used to draw this logo, on a ThinkPad X220 Tablet.
94 The first logo of this type was written and designed by Amersel (a core member of the Bibliotheca Anonoma) while he was working on the BA Compendium.
96 The best description of the BA Compendium is a digital bookshelf for top stories from the Bibliotheca Anonoma. As Classical Chinese predates these two concepts, the characters were chosen from approximate modern Taiwanese Mandarin terminology.
98 * 虛擬 - _Mandarin:  Virtual. (lit) [empty/false] + [draft/proposition]
99   * **Etymology** - Derived from Taiwanese term for emulated x86 computing platforms: 虛擬電腦 (Virtual Machine)
100 * 書架 - _Mandarin:_ Bookshelf. (lit) [document] + [shelf]
102 The design of this logo was our first serious attempt at this style, after shelving the project months ago. We met various roadblocks that had to be overcome with ingenuity and methodology, which we developed as we went along.
104 The layout of the seal would be arranged in a standard 4x4 grid. Borders between characters would be delineated as a cross, two pixels thick, to reduce visual mashup of adjacent characters. However, allowances were made for components like the pointed tip of 書. Finally, a casing of two nested squares with dented corners was used to neatly fit the seal together.
106 The first major challenge was to force the complex characters into coherent pixellized forms.
108 A critical design motif of squared seal script is it's compact complexity, where each line is usually one unit away from one another, and the character takes up as much empty space as possible.
110 Initially, all characters were drawn at once on a predetermined grid size of 42x42, which posed a problem when the 書 character could not be drawn in an aesthetically acceptable manner, due to the small space given. Resizing the entire seal would require the complete redesign of the other three characters, that already worked well with the current size.
112 This problem was overcome by first designing each character separately, compressing them as small as possible, and identifying expandable sections. Serifs and spirals were added to ends where aesthetically possible to fill empty space in the square.
114 Then, the character that needed the largest pixel square was chosen as the template size for the 4x4 grid. 書 used up 10x10 pixels, and all other characters were expanded to fit that standard.
116 (give an example of expandable sections)
118 After finishing the seal and adding some stylistic changes (such as cutting corners, adding serifs), we colored it in the four standard Bibliotheca Anonoma blue colors found in our Traditional Square Kufic logo. 
120 The two bright colors were applied in a checkerboard pattern on the four characters. The brightest color of the set was used to highlight two significant glyphs: 擬書 [draft] + [document].
122 As an added bonus, a compact logo was created by taking one character from the name representative of the entire product: 架 (shelf), and using it as a small seal emblem.
124 ![Compact logo](http://i.imgur.com/egctXW8.png)
126 Finally, after the logo was drawn and colored, it had to be scaled up to a viewable size: we chose 400x400 to stay consistent, accomplished by disabling subpixel handling on GIMP's Scale tool. The logo was exported as uncompressed PNG, as JPEG would introduce unsightly artifacts.
128 ### BASLQC Logo
130 ![BASLQC Logo](http://i.imgur.com/1RFJhJ8.png)
132 * **Designer** - Antonizoon (Antonizoon Overtwater)
133 * **Tools** Piskel was used to draw this logo, on a Thinkpad X230 tablet.
135 A compact logo was also created for the BASLQC
137 ![BASLQC Compact logo](https://imgur.com/PP0WokC.png)
138 ### Extra Large Bibliotheca Anonoma Logo
140 An alternate set of logos based upon Seal Script could possibly be used as a Large Bibliotheca Anonoma logo.
142 This allows us to draw larger declarations stating our intents for the organization. It would have to be written in psuedo Classical Chinese, which is no small feat for anyone.
144 * **1x1** `存` - Archival
145   * Alt. Favicon Logo
146 * **2x1** `成存` (Chéng cún, せいぞん) - Achievement Archive,
147 * **3x1** `成存館` ((Chéng cún guan, せいぞんかん))
148   * Official Chinese/Japanese name.
149 * **2x2** `成, 史, 詩, 術` - Achievements, History, Poetry/Stories, Technology
150   * Alt. Logo
151 * **4x4** `習, 存, 網上祖知 成, 史, 詩, 術, 廣記 之 圖書館` - Library for the Archival of Internet Folklife and Study of Internet Anthropology,
152   * **8x4** `有收集, 不讓消失, 有長壽存` (unfinished, expand to 16) - Such that the achievements, history, lessons, and technology of our effective ancestors shall not perish from this earth
154 ## Names of the Bibliotheca Anonoma
156 * **Latin Script** - Bibliotheca Anonoma
157   * **Definition** - Archival Library, with some focus on anonymous/psuedo-anonymous internet communities.
158   * **Etymology** - Modeled after the name of the Bibliotheca Alexandrina, a modern national library of Egypt. "Anonoma" is a constructed word alluding to the organization's origins in the group Anonymous. It was likely concieved via false cognate to a variant spelling of the Spanish term for corporation, Sociedad Anónoma.
159 * **Arabic Script** - مكتبة الـأننما
160   * **Etymology** - Modeled after Egyptian Arabic name of the Bibliotheca Alexandrina. Anonoma is transliterated.
161   * **Arabic** - Maktabat al-Anonoma
162 * **CJK Script** - 成存館
163   * **Literal** - Achievement Archival Place
164   * **Mandarin** - Chéng cún guan
165   * **Japanese** - せいぞんかん
166 * **Cyrillic Script** - Библиотека Анонома
167   * **Etymology** - Direct transliteration of Bibliotheca Anonoma to Cyrillic.