Web Flags
Creating flags of the EuroWebs




                                Federica Bardelli, Nadia Dresscher, Sabine
                               Niederer, Tommaso Renzini, Charlotte Webb
                                      DIGITAL METHODS SUMMER SCHOOL 2012




   Barcode of Europe, OMA, Rem Koolhaas
Flags as National Symbols
Flags as objects of
subversion and criticism
Flags as objects of
subversion and criticism
Flags as design challenge
Flags as Cultural Symbols




      Food Flags, ads for the Sydney International Food Festival, October 2009
What would these flags look
  like when using webby
         metrics?
“Blue is still the most
predictable color on the web”
           Folksonomy, 2011
the webbier, the bluer?




     The Colours of the World Wide Social Web, colourlovers.com
Can we nd culturally specic palettes,
by looking at the top websites per
country? Is every country’s top web
Step 1: Fetch a list
of European
ccTLDs (country
code Top Level
Domains).

Step 2: Compare to
the list of local
Google versions.

Result: list of 27
(use your
Step 3: For each   research
country of the     browser!)
list, query the
                   e.g. for Italy, go to:
local google for   www.google.it
the top 20         and query:
websites.          site:.it

                   for France, go to
Colour Picking Rules
Install Colourzilla for Firefox or Google
Chrome.

Choose 2 colors for each homepage:
1. if there's website header: color of header
2. if there's no header: color of the logo/
brand inside the page
3. if there's no logo: color of background
and color of the font color
Spreadsheet of country colour codes
Color Couples: Country-specific Web Palettes
P O R T U G A L

S P A I N

A N D O R R A

I C E L A N D

R E P U B L I C     O F   I R E L A N

F R A N C E

U N I T E D     K I N G D O M

B E L G I O
S W I T Z E R L A N D

I T A L Y

N E T H E R L A N D S

G E R M A N Y

N O R W A Y

D E N M A R K

A U S T R I A

S W E D E N

C R O A T I A

B O S N I A

H U N G A R Y

F I N L A N D

L I T H U A N I A

G R E E C E

E S T O N I A
Creating a Web flag




Blurred palette of France
Web flag of France
Further research and context




 Goethe, Farbenkreis zur Symbolisierung des
 menschlichen Geistes- und Seelenlebens, 1809.
Not only are colours culturally specic....




                    so is their meaning.
...and so is the meaning of colours
       when occuring in flags
P O R T U G A L

             S P A I N

             A N D O R R A

             I C E L A N D

             R E P U B L I C     O F   I

             F R A N C E

             U N I T E D     K I N G D

             B E L G I O
             S W I T Z E R L A N D

             I T A L Y

             N E T H E R L A N D S

             G E R M A N Y

             N O R W A Y

             D E N M A R K

             A U S T R I A

             S W E D E N

             C R O A T I A

             B O S N I A

             H U N G A R Y

             F I N L A N D

             L I T H U A N I A

             G R E E C E

             E S T O N I A




thank you!

Web Flags Summer School 2012

  • 1.
    Web Flags Creating flagsof the EuroWebs Federica Bardelli, Nadia Dresscher, Sabine Niederer, Tommaso Renzini, Charlotte Webb DIGITAL METHODS SUMMER SCHOOL 2012 Barcode of Europe, OMA, Rem Koolhaas
  • 2.
  • 3.
    Flags as objectsof subversion and criticism
  • 4.
    Flags as objectsof subversion and criticism
  • 5.
    Flags as designchallenge
  • 6.
    Flags as CulturalSymbols Food Flags, ads for the Sydney International Food Festival, October 2009
  • 7.
    What would theseflags look like when using webby metrics?
  • 8.
    “Blue is stillthe most predictable color on the web” Folksonomy, 2011
  • 9.
    the webbier, thebluer? The Colours of the World Wide Social Web, colourlovers.com
  • 10.
    Can we findculturally specific palettes, by looking at the top websites per country? Is every country’s top web
  • 11.
    Step 1: Fetcha list of European ccTLDs (country code Top Level Domains). Step 2: Compare to the list of local Google versions. Result: list of 27
  • 12.
    (use your Step 3:For each research country of the browser!) list, query the e.g. for Italy, go to: local google for www.google.it the top 20 and query: websites. site:.it for France, go to
  • 13.
    Colour Picking Rules InstallColourzilla for Firefox or Google Chrome. Choose 2 colors for each homepage: 1. if there's website header: color of header 2. if there's no header: color of the logo/ brand inside the page 3. if there's no logo: color of background and color of the font color
  • 15.
  • 16.
  • 17.
    P O RT U G A L S P A I N A N D O R R A I C E L A N D R E P U B L I C O F I R E L A N F R A N C E U N I T E D K I N G D O M B E L G I O S W I T Z E R L A N D I T A L Y N E T H E R L A N D S G E R M A N Y N O R W A Y D E N M A R K A U S T R I A S W E D E N C R O A T I A B O S N I A H U N G A R Y F I N L A N D L I T H U A N I A G R E E C E E S T O N I A
  • 19.
    Creating a Webflag Blurred palette of France
  • 20.
  • 21.
    Further research andcontext Goethe, Farbenkreis zur Symbolisierung des menschlichen Geistes- und Seelenlebens, 1809.
  • 22.
    Not only arecolours culturally specic.... so is their meaning.
  • 23.
    ...and so isthe meaning of colours when occuring in flags
  • 24.
    P O RT U G A L S P A I N A N D O R R A I C E L A N D R E P U B L I C O F I F R A N C E U N I T E D K I N G D B E L G I O S W I T Z E R L A N D I T A L Y N E T H E R L A N D S G E R M A N Y N O R W A Y D E N M A R K A U S T R I A S W E D E N C R O A T I A B O S N I A H U N G A R Y F I N L A N D L I T H U A N I A G R E E C E E S T O N I A thank you!

Editor's Notes

  • #2 OMA European barcode \n
  • #3 \n
  • #4 \n
  • #5 New annotations, Brazillian Icaro Doria for the magazine Grande Reportagem in Lisbon\n
  • #6 Den Haag EU flag design challenge\n
  • #7 Food Flags is a series of ads promoting Sydney International Food Festival in which national emblems were made out of edibles indigenous to the country it represents. They’ve creatively used these images to advertise the international aspect to their festival which took place in October 2009.\n
  • #8 \n
  • #9 \n
  • #10 Twitter users who have customized their profiles using the themeleon tool. The webbier, the bluer?\n \n
  • #11 \n
  • #12 \n
  • #13 \n
  • #14  \n
  • #15 nr. 16 in the top 20 bulgarian .bg sites\n
  • #16 \n
  • #17 \n
  • #18  overview from east to westsome countries are bluer than others, overall... it’s colorful\n
  • #19  blurred map of europalettes\n
  • #20  France blurred\n
  • #21  France blurred\n
  • #22 Colours as symbols of our “Geistes- and Seelenlebens”. innerer Ring) [rot] "schön" [orange] "edel" [gelb] "gut" [grün] "nützlich" [blau] "gemein" [violett] "unnöthig"\n(äusserer Ring) [rot-orange]  "Vernunft" [gelb-grün] "Verstand" [grün-blau] "Sinnlichkeit" [violet-rot] "Phantasie"\n\n
  • #23 here it is nice to point out that the colors of death are black in the west vs white in non-western cultures such as hindu.\n
  • #24 e.g blue has different meanings for different countries - there is some contestation about the symbolism, but it may include:\nFrance: a color of Paris used on the city's coat of arms, Virgin Mary and bourgeoisie of the Ancien Régime.\nGreece: a symbol of the famed Greek sky and sea, connection with colors of goddess Athena, Alexander the Great's army banners\nSweden: represents truth, loyalty, and justice, associated with coats of arms of previous kings\n
  • #25 \n