SlideShare a Scribd company logo
1 of 24
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 find culturally specific 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 specific....




                    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!

More Related Content

What's hot

Gobernacion bolivariana del estado aragua word
Gobernacion bolivariana del estado aragua  wordGobernacion bolivariana del estado aragua  word
Gobernacion bolivariana del estado aragua word
araguaonline
 
Sopa De Letras
Sopa De Letras Sopa De Letras
Sopa De Letras
Muakiis
 
UNSIT BRAND GUIDELINES FINAL 10.16.15
UNSIT BRAND GUIDELINES FINAL 10.16.15UNSIT BRAND GUIDELINES FINAL 10.16.15
UNSIT BRAND GUIDELINES FINAL 10.16.15
Michele Bianchi
 
If you know where it will end up, it's not innovative enough - CloudConf 2017
If you know where it will end up, it's not innovative enough - CloudConf 2017If you know where it will end up, it's not innovative enough - CloudConf 2017
If you know where it will end up, it's not innovative enough - CloudConf 2017
Jacopo Romei
 

What's hot (18)

Spot The Difference Puzzle Book
Spot The Difference Puzzle BookSpot The Difference Puzzle Book
Spot The Difference Puzzle Book
 
Gobernacion bolivariana del estado aragua word
Gobernacion bolivariana del estado aragua  wordGobernacion bolivariana del estado aragua  word
Gobernacion bolivariana del estado aragua word
 
Sopa De Letras
Sopa De Letras Sopa De Letras
Sopa De Letras
 
Une Nouvelle Année
Une Nouvelle AnnéeUne Nouvelle Année
Une Nouvelle Année
 
Alex Koppel (Red Bull) iStrategy Presentation
Alex Koppel (Red Bull) iStrategy Presentation Alex Koppel (Red Bull) iStrategy Presentation
Alex Koppel (Red Bull) iStrategy Presentation
 
SociologyExchange.co.uk Shared Resource
SociologyExchange.co.uk Shared ResourceSociologyExchange.co.uk Shared Resource
SociologyExchange.co.uk Shared Resource
 
Top Public Relations College Delhi | Top PR Institutes | Delhi School of Mass...
Top Public Relations College Delhi | Top PR Institutes | Delhi School of Mass...Top Public Relations College Delhi | Top PR Institutes | Delhi School of Mass...
Top Public Relations College Delhi | Top PR Institutes | Delhi School of Mass...
 
Sopa de letra
Sopa de letraSopa de letra
Sopa de letra
 
Social Success in 2019
Social Success in 2019Social Success in 2019
Social Success in 2019
 
Entrepreneurial Goals & Strategy with Angela Cordell
Entrepreneurial Goals & Strategy with Angela CordellEntrepreneurial Goals & Strategy with Angela Cordell
Entrepreneurial Goals & Strategy with Angela Cordell
 
Sopa --de--letras
Sopa --de--letrasSopa --de--letras
Sopa --de--letras
 
Leon Esquillon CV
Leon Esquillon CVLeon Esquillon CV
Leon Esquillon CV
 
UNSIT BRAND GUIDELINES FINAL 10.16.15
UNSIT BRAND GUIDELINES FINAL 10.16.15UNSIT BRAND GUIDELINES FINAL 10.16.15
UNSIT BRAND GUIDELINES FINAL 10.16.15
 
Esperanzas
EsperanzasEsperanzas
Esperanzas
 
MIFID II: quale uscita per il tunnel delle revenue per i consulenti finanziari
MIFID II: quale uscita per il tunnel delle revenue per i consulenti finanziariMIFID II: quale uscita per il tunnel delle revenue per i consulenti finanziari
MIFID II: quale uscita per il tunnel delle revenue per i consulenti finanziari
 
MVP-Style Influencer Programs for Fun & Profit
MVP-Style Influencer Programs for Fun & ProfitMVP-Style Influencer Programs for Fun & Profit
MVP-Style Influencer Programs for Fun & Profit
 
If you know where it will end up, it's not innovative enough - CloudConf 2017
If you know where it will end up, it's not innovative enough - CloudConf 2017If you know where it will end up, it's not innovative enough - CloudConf 2017
If you know where it will end up, it's not innovative enough - CloudConf 2017
 
Psaumes 19 les œuvres et la parole de dieu
Psaumes 19   les œuvres et la parole de dieuPsaumes 19   les œuvres et la parole de dieu
Psaumes 19 les œuvres et la parole de dieu
 

Viewers also liked

Unmanned Aircraft Systems
Unmanned Aircraft SystemsUnmanned Aircraft Systems
Unmanned Aircraft Systems
JosephCox
 
Tendencias 009
Tendencias 009Tendencias 009
Tendencias 009
IPAE
 

Viewers also liked (20)

ABUELITO QUERIDO
ABUELITO QUERIDOABUELITO QUERIDO
ABUELITO QUERIDO
 
Chanoeka
ChanoekaChanoeka
Chanoeka
 
ndertesat popullore korce *rafaela*
ndertesat popullore korce *rafaela*ndertesat popullore korce *rafaela*
ndertesat popullore korce *rafaela*
 
Cartilla
CartillaCartilla
Cartilla
 
Data Binding in qooxdoo
Data Binding in qooxdooData Binding in qooxdoo
Data Binding in qooxdoo
 
Security
SecuritySecurity
Security
 
A
AA
A
 
Dominio D y C
Dominio D y CDominio D y C
Dominio D y C
 
Instrução técnica pm
Instrução técnica pmInstrução técnica pm
Instrução técnica pm
 
Esteracing
EsteracingEsteracing
Esteracing
 
Unmanned Aircraft Systems
Unmanned Aircraft SystemsUnmanned Aircraft Systems
Unmanned Aircraft Systems
 
tagungsmappe
tagungsmappetagungsmappe
tagungsmappe
 
4444444
44444444444444
4444444
 
Coop 2011 03-per_cfsi_si_parte_def
Coop 2011 03-per_cfsi_si_parte_defCoop 2011 03-per_cfsi_si_parte_def
Coop 2011 03-per_cfsi_si_parte_def
 
Big Sky Developments 2013 Magazine
Big Sky Developments 2013 MagazineBig Sky Developments 2013 Magazine
Big Sky Developments 2013 Magazine
 
Isaiah 22 commentary
Isaiah 22 commentaryIsaiah 22 commentary
Isaiah 22 commentary
 
Rails goes SOA
Rails goes SOARails goes SOA
Rails goes SOA
 
47 brand fall 2013 catalog
47 brand fall 2013 catalog47 brand fall 2013 catalog
47 brand fall 2013 catalog
 
Tendencias 009
Tendencias 009Tendencias 009
Tendencias 009
 
77777777
7777777777777777
77777777
 

Similar to Web Flags - Digital Methods Summer 12

NELSON_JOSH_RESUME
NELSON_JOSH_RESUMENELSON_JOSH_RESUME
NELSON_JOSH_RESUME
Josh Nelson
 

Similar to Web Flags - Digital Methods Summer 12 (20)

Responsible Travel Week 2013
Responsible Travel Week 2013Responsible Travel Week 2013
Responsible Travel Week 2013
 
Data Creativity, comment interpréter les tendances consommateurs grâce au Dat...
Data Creativity, comment interpréter les tendances consommateurs grâce au Dat...Data Creativity, comment interpréter les tendances consommateurs grâce au Dat...
Data Creativity, comment interpréter les tendances consommateurs grâce au Dat...
 
Social media marketing basics An Overview by Mercy Rop
Social media marketing basics An Overview by Mercy RopSocial media marketing basics An Overview by Mercy Rop
Social media marketing basics An Overview by Mercy Rop
 
NELSON_JOSH_RESUME
NELSON_JOSH_RESUMENELSON_JOSH_RESUME
NELSON_JOSH_RESUME
 
I congreso educativo
I congreso educativoI congreso educativo
I congreso educativo
 
Event Planning A to Z
Event Planning A to ZEvent Planning A to Z
Event Planning A to Z
 
45_FR_Diary
45_FR_Diary45_FR_Diary
45_FR_Diary
 
Rbin Binuya (MyDoodleBin) Design Porfolio
Rbin Binuya (MyDoodleBin) Design PorfolioRbin Binuya (MyDoodleBin) Design Porfolio
Rbin Binuya (MyDoodleBin) Design Porfolio
 
Led Zeppelin Scaling Agility
Led Zeppelin Scaling AgilityLed Zeppelin Scaling Agility
Led Zeppelin Scaling Agility
 
Basics of Prototyping
Basics of PrototypingBasics of Prototyping
Basics of Prototyping
 
The pitch
The pitchThe pitch
The pitch
 
Beige Brown Minimal Organic Creative Project Presentation 2.pdf
Beige Brown Minimal Organic Creative Project Presentation 2.pdfBeige Brown Minimal Organic Creative Project Presentation 2.pdf
Beige Brown Minimal Organic Creative Project Presentation 2.pdf
 
Beige Brown Minimal Organic Creative Project Presentation 2.pdf
Beige Brown Minimal Organic Creative Project Presentation 2.pdfBeige Brown Minimal Organic Creative Project Presentation 2.pdf
Beige Brown Minimal Organic Creative Project Presentation 2.pdf
 
The Importance of Storytelling in Architecture & Urbanism
The Importance of Storytelling in Architecture & UrbanismThe Importance of Storytelling in Architecture & Urbanism
The Importance of Storytelling in Architecture & Urbanism
 
The pitch
The pitchThe pitch
The pitch
 
Portfolio
PortfolioPortfolio
Portfolio
 
MGammill-StudioWork
MGammill-StudioWorkMGammill-StudioWork
MGammill-StudioWork
 
Mga Mahahalagang Kontribusyon ng Timog-Silangang Asya.pptx
Mga Mahahalagang Kontribusyon ng Timog-Silangang Asya.pptxMga Mahahalagang Kontribusyon ng Timog-Silangang Asya.pptx
Mga Mahahalagang Kontribusyon ng Timog-Silangang Asya.pptx
 
The MDM Project and Media Pluralism
The MDM Project and Media PluralismThe MDM Project and Media Pluralism
The MDM Project and Media Pluralism
 
Paradigm shifts #4
Paradigm shifts #4Paradigm shifts #4
Paradigm shifts #4
 

Recently uploaded

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 

Web Flags - Digital Methods Summer 12

  • 1. 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
  • 3. Flags as objects of subversion and criticism
  • 4. Flags as objects of subversion and criticism
  • 5. Flags as design challenge
  • 6. Flags as Cultural Symbols Food Flags, ads for the Sydney International Food Festival, October 2009
  • 7. What would these flags look like when using webby metrics?
  • 8. “Blue is still the most predictable color on the web” Folksonomy, 2011
  • 9. the webbier, the bluer? The Colours of the World Wide Social Web, colourlovers.com
  • 10. Can we find culturally specific palettes, by looking at the top websites per country? Is every country’s top web
  • 11. 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
  • 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 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
  • 14.
  • 15. Spreadsheet of country colour codes
  • 17. 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
  • 18.
  • 19. Creating a Web flag Blurred palette of France
  • 20. Web flag of France
  • 21. Further research and context Goethe, Farbenkreis zur Symbolisierung des menschlichen Geistes- und Seelenlebens, 1809.
  • 22. Not only are colours culturally specific.... so is their meaning.
  • 23. ...and so is the meaning of colours when occuring in flags
  • 24. 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!

Editor's Notes

  1. OMA European barcode \n
  2. \n
  3. \n
  4. New annotations, Brazillian Icaro Doria for the magazine Grande Reportagem in Lisbon\n
  5. Den Haag EU flag design challenge\n
  6. 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
  7. \n
  8. \n
  9. Twitter users who have customized their profiles using the themeleon tool. The webbier, the bluer?\n \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. nr. 16 in the top 20 bulgarian .bg sites\n
  15. \n
  16. \n
  17. overview from east to westsome countries are bluer than others, overall... it’s colorful\n
  18. blurred map of europalettes\n
  19. France blurred\n
  20. France blurred\n
  21. 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
  22. 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
  23. 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
  24. \n