Skip
Current Issue
This Month's Print Issue

Follow Fast Company

We’ll come to you.

1 minute read

Co.Design Bracket Madness: Who Is The World's Greatest Living Designer? [Final Four]

See the winners of Round 3 and vote for who will compete in the championship. Polls close Thursday, March 27, at 9 p.m.

[Graphic and Illustration: Gus Wezerek / Fast Company]

Welcome to the Final Four of Co.Design Bracket Madness! With your help, we've compiled a bracket featuring some of the greatest designers alive. Your job is to help crown a winner.

Readers have cast more than 80,000 votes for their favorite designers so far, and the competition has seen some remarkably close victories. In Round 3, two matches came down to a single percentage point. Ethan Marcotte, who popularized responsive design, came from behind to knock out fellow Bostonian Hiroshi Ishii, of MIT Media Lab fame. And Frank Gehry's star proved bright enough to outshine Norman Foster, responsible for "The Gherkin" building in London and upcoming Apple Campus 2. Perhaps the biggest story, though, is Jony Ive's exit from the competition, as Dieter Rams handed him a resounding defeat. Here are the results in full:

Massimo Vignelli beat Milton Glaser, receiving 66% of the vote vs. Glaser's 34%
Ethan Marcotte beat Hiroshi Ishii, 50.57% to 49.43%
Dieter Rams beat Jonathan Ive, 65.28% to 34.72%
Frank Gehry beat Norman Foster, 50.66% to 49.34%

Who will make it to the championship? Vote for your favorite designers, and we’ll announce the winners on Friday, March 28, at 9 a.m. One one side of the bracket we have masters of the grid, Vignelli and Marcotte, who underscored the utility and appeal of modular design. On the other, a rumble brews between Rams, a man who believed in "as little design as possible," and Gehry, whose buildings have been lauded, and criticized, for their sometimes functionless flourishes. Who will meet in the middle to face off for the ultimate prize?

/* line 757, ../sass/partials/_mixins.scss */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* line 764, ../sass/partials/_mixins.scss */ .viz-designer-header-mod { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* !============================================= */ /* ! Variables */ /* !============================================= */ /* !-- Universal ------------------------------------ */ /* !-- Project ------------------------------------ */ /* !-- Project ------------------------------------ */ /* !-- Paths ------------------------------------ */ /* line 7, ../sass/partials/_base.scss */ .viz-article { margin: 0 auto; height: 100%; color: #33312e; font-size: 15px; font-family: "MuseoSans", Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; } /* line 16, ../sass/partials/_base.scss */ .viz-container { position: relative; background-color: white; } /* line 21, ../sass/partials/_base.scss */ .viz-detail { color: #99948a; text-transform: uppercase; letter-spacing: .5px; font-weight: 300; font-size: 11px; line-height: 80%; } /* line 30, ../sass/partials/_base.scss */ .viz-overline { margin: 0 0 5px; padding-bottom: 3px; border-bottom: 1px solid #ccc6b9; color: #99948a; font-weight: 300; font-size: 11px; } /* line 39, ../sass/partials/_base.scss */ .viz-title { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 0; font-weight: 600; font-size: 42px; font-family: "FCZizouSlab", Georgia, Times, Times New Roman, serif; line-height: 90%; } @media (min-width: 620px) { /* line 39, ../sass/partials/_base.scss */ .viz-title { font-size: 42px; } } /* line 51, ../sass/partials/_base.scss */ .viz-underline { margin-top: 0; color: #33312e; font-weight: 300; line-height: 140%; } /* line 58, ../sass/partials/_base.scss */ .viz-copy { color: #66635d; font-weight: 300; line-height: 140%; } /* line 64, ../sass/partials/_base.scss */ .viz-byline { letter-spacing: .5px; line-height: 90%; } /* line 69, ../sass/partials/_base.scss */ .viz-content-block { margin: 0 0 40px; } /* line 73, ../sass/partials/_base.scss */ .viz-content-header { margin: 0 0 30px; } /* line 77, ../sass/partials/_base.scss */ .viz-overline-wrapper { position: relative; margin: 0 0 5px; padding-bottom: 10px; border-bottom: 2px solid #33312e; } /* line 84, ../sass/partials/_base.scss */ .viz-subhed { margin: 0 0 10px; padding-bottom: 3px; border-bottom: 1px solid #ccc6b9; font-weight: 500; font-size: 13px; } /* line 92, ../sass/partials/_base.scss */ .viz-subhed-select { padding-bottom: 7px; } /* line 108, ../sass/partials/_base.scss */ .viz-choice-item { -webkit-transition: padding 0.2s ease-in-out; -moz-transition: padding 0.2s ease-in-out; -o-transition: padding 0.2s ease-in-out; transition: padding 0.2s ease-in-out; padding: 5px 0; width: 100%; cursor: pointer; -webkit-column-break-inside: avoid; -webkit-backface-visibility: hidden; } /* line 115, ../sass/partials/_base.scss */ .viz-choice-item:nth-child(2n) { margin-bottom: 10px; border-top: 1px solid #ccc6b9; } /* line 118, ../sass/partials/_base.scss */ .viz-choice-item:nth-child(2n) .viz-vs { display: block; } /* line 122, ../sass/partials/_base.scss */ .viz-choice-item:last-of-type { padding-bottom: 0; } /* line 127, ../sass/partials/_base.scss */ .viz-choices-group { -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; margin: 0 0 20px; padding: 0 0 0 10px; border-left: 1px solid #ccc6b9; list-style-type: none; vertical-align: top; } @media (min-width: 620px) { /* line 127, ../sass/partials/_base.scss */ .viz-choices-group { display: inline-block; width: 100%; } } /* line 138, ../sass/partials/_base.scss */ .viz-choices-group .viz-choice-item { margin-bottom: 0; } /* line 143, ../sass/partials/_base.scss */ .viz-header-wrapper { *zoom: 1; position: relative; } /* line 38, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .viz-header-wrapper:after { content: ""; display: table; clear: both; } /* line 148, ../sass/partials/_base.scss */ .viz-designer-description { display: none; margin: 0px; padding: 10px 0; color: #99948a; font-weight: 300; font-size: 12px; line-height: 140%; } /* line 158, ../sass/partials/_base.scss */ .viz-headshot-wrap { position: relative; float: left; overflow: hidden; width: 40px; height: 40px; } /* line 167, ../sass/partials/_base.scss */ .viz-headshot { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; -webkit-transition: 0.2s opacity ease-in-out, 0.3s right ease-in-out, 0.3s background-color ease-in-out; -moz-transition: 0.2s opacity ease-in-out, 0.3s right ease-in-out, 0.3s background-color ease-in-out; -o-transition: 0.2s opacity ease-in-out, 0.3s right ease-in-out, 0.3s background-color ease-in-out; transition: 0.2s opacity ease-in-out, 0.3s right ease-in-out, 0.3s background-color ease-in-out; position: relative; width: 1280px; height: 40px; } /* line 175, ../sass/partials/_base.scss */ .viz-designer-name { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; display: block; margin: 0 0 2px; font-weight: 500; font-size: 13px; } /* line 183, ../sass/partials/_base.scss */ .viz-designer-job { display: block; margin: 0; color: #99948a; font-weight: 300; font-size: 11px; } /* line 191, ../sass/partials/_base.scss */ .viz-designer-header-mod { left: 47px; padding-right: 35px; margin-top: 1px; } /* line 198, ../sass/partials/_base.scss */ .viz-vs { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; position: absolute; top: -13px; right: 0px; z-index: 1; display: none; padding: 0; width: 25px; height: 15px; border: 1px solid #ccc6b9; background-color: white; color: #ccc6b9; text-align: center; font-weight: 300; font-size: 10px; } @media (min-width: 620px) { /* line 7, ../sass/partials/_quiz.scss */ .viz-quiz-wrapper { *zoom: 1; } /* line 38, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .viz-quiz-wrapper:after { content: ""; display: table; clear: both; } } /* line 13, ../sass/partials/_quiz.scss */ .viz-quiz { max-width: 634px; margin: 0 auto; } /* line 18, ../sass/partials/_quiz.scss */ .viz-quiz-content { display: none; } @media (min-width: 620px) { /* line 22, ../sass/partials/_quiz.scss */ .viz-quiz-left { width: 49%; float: left; } } @media (min-width: 620px) { /* line 29, ../sass/partials/_quiz.scss */ .viz-quiz-right { width: 48%; float: right; } } /* line 36, ../sass/partials/_quiz.scss */ .viz-radio { display: none; } /* line 40, ../sass/partials/_quiz.scss */ .viz-quiz-target { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; position: absolute; top: 8px; right: 0px; width: 25px; height: 25px; background: url("http://www.guswezerek.com/projects/bracket_madness/choice_targets.png") no-repeat; background-position: 0 0; background-size: 25px; opacity: 0.25; } /* line 50, ../sass/partials/_quiz.scss */ .viz-quiz-target:hover { opacity: 1; } /* line 55, ../sass/partials/_quiz.scss */ .viz-submitted-alert { display: none; margin: -25px 0 10px; padding: 5px; color: #ccc6b9; text-align: center; font-weight: 300; font-size: 11px; } /* line 66, ../sass/partials/_quiz.scss */ .viz-choice-winner .viz-quiz-target { background-position: 0 -50px; opacity: 1; } /* line 73, ../sass/partials/_quiz.scss */ .viz-choice-loser .viz-quiz-target { background-position: 0 -25px; } /* line 76, ../sass/partials/_quiz.scss */ .viz-choice-loser .viz-designer-name { color: #99948a; font-weight: 300; } /* line 80, ../sass/partials/_quiz.scss */ .viz-choice-loser .viz-headshot { opacity: .3; } /* line 8, ../sass/partials/_rankings.scss */ .viz-rankings { max-width: 634px; margin: 0 auto 55px; } @media (min-width: 620px) { /* line 8, ../sass/partials/_rankings.scss */ .viz-rankings { margin: 0 auto 20px; } } @media (min-width: 1000px) { /* line 8, ../sass/partials/_rankings.scss */ .viz-rankings { display: none; } } @media (min-width: 620px) { /* line 19, ../sass/partials/_rankings.scss */ .viz-group-1 { width: 48%; float: left; } } /* line 27, ../sass/partials/_rankings.scss */ .viz-group-2 .viz-division:last-of-type { margin-bottom: 0; } @media (min-width: 620px) { /* line 26, ../sass/partials/_rankings.scss */ .viz-group-2 { width: 49%; padding-left: 17px; margin-left: 15px; border-left: 1px dotted #ccc6b9; float: right; } } /* line 40, ../sass/partials/_rankings.scss */ .viz-division-list { *zoom: 1; margin: 0; padding: 0; list-style-type: none; } /* line 38, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .viz-division-list:after { content: ""; display: table; clear: both; } /* line 50, ../sass/partials/_rankings.scss */ .viz-nav-anchor-list { padding: 0; list-style-type: none; } /* line 57, ../sass/partials/_rankings.scss */ .viz-division-topper { position: relative; margin: 0 auto 10px; padding: 0; border: 1px solid #ccc6b9; -webkit-column-break-inside: avoid; -webkit-backface-visibility: hidden; } /* line 66, ../sass/partials/_rankings.scss */ .viz-division-final-topper { border-width: 2px; border-color: #33312e; border-top: none; border-left: none; border-right: none; } /* line 74, ../sass/partials/_rankings.scss */ .viz-division-title { display: inline-block; margin: -3px 0 0; width: 100%; color: #33312e; text-align: center; text-transform: uppercase; font-weight: 300; font-size: 11px; line-height: 80%; } /* line 86, ../sass/partials/_rankings.scss */ .viz-division-title-final { margin: -3px 0 0; text-align: center; text-transform: uppercase; } /* line 92, ../sass/partials/_rankings.scss */ .viz-division-bull { margin-left: 4px; padding-right: 4px; vertical-align: middle; font-size: 36px; } /* line 99, ../sass/partials/_rankings.scss */ .viz-division-button { display: none; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; position: absolute; top: 10px; width: 20px; height: 20px; background-size: 100%; background-repeat: no-repeat; opacity: 0.3; cursor: pointer; } /* line 110, ../sass/partials/_rankings.scss */ .viz-division-button:hover { opacity: 1; } /* line 113, ../sass/partials/_rankings.scss */ .viz-division-button:focus { outline: none; } /* line 118, ../sass/partials/_rankings.scss */ .viz-prev { left: 10px; background-image: url("http://www.guswezerek.com/projects/bracket_madness/btn-prev.png"); } /* line 125, ../sass/partials/_rankings.scss */ .viz-next { right: 10px; background-image: url("http://www.guswezerek.com/projects/bracket_madness/btn-next.png"); } /* line 131, ../sass/partials/_rankings.scss */ .viz-division-button-img { margin: 0; width: 20px; } /* line 136, ../sass/partials/_rankings.scss */ .viz-division-name { margin-top: 0; padding: 0 5px; text-align: center; background-color: white; } /* line 143, ../sass/partials/_rankings.scss */ .viz-division-round { color: #33312e; letter-spacing: 0.5px; font-size: 15px; font-family: "FCZizouSlab", Georgia, Times, Times New Roman, serif; margin: 10px 0 16px; font-weight: 600; } /* line 152, ../sass/partials/_rankings.scss */ .viz-division-final-round { letter-spacing: 0.5px; font-size: 15px; margin: 0 0 5px; } /* line 159, ../sass/partials/_rankings.scss */ .viz-division { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 100%; margin: 0 0 35px; } @media (min-width: 620px) { /* line 164, ../sass/partials/_rankings.scss */ .viz-division:last-of-type .viz-division-designers-list, .viz-division .viz-choice-item:last-of-type { margin-bottom: 0; } } /* line 170, ../sass/partials/_rankings.scss */ .viz-division-finals { margin-bottom: 35px; } /* line 175, ../sass/partials/_rankings.scss */ .viz-rankings-winner-mod { display: none; text-align: center; width: 100px; margin: 0 auto 35px; } /* line 182, ../sass/partials/_rankings.scss */ .viz-division-winner { color: #33312e; letter-spacing: 0.5px; font-size: 15px; font-family: "FCZizouSlab", Georgia, Times, Times New Roman, serif; margin: 10px 0 10px; font-weight: 600; border-top: none; border-left: none; border-right: none; display: none; } /* line 195, ../sass/partials/_rankings.scss */ .viz-division-designers-list { position: relative; margin: 0; padding: 0 10px; list-style-type: none; } /* line 204, ../sass/partials/_rankings.scss */ .viz-division .viz-choice-loser { margin-bottom: 0; padding: 0 0 5px; border-top: none; } /* line 208, ../sass/partials/_rankings.scss */ .viz-division .viz-choice-loser .viz-vs { display: none; } /* line 214, ../sass/partials/_rankings.scss */ .viz-transition { position: absolute; } /* line 216, ../sass/partials/_rankings.scss */ .viz-transition .viz-vs { opacity: 0; } /* line 8, ../sass/partials/_bracket.scss */ .viz-bracket { display: none; position: relative; margin: 0 auto 25px; max-width: 940px; } @media (min-width: 1000px) { /* line 8, ../sass/partials/_bracket.scss */ .viz-bracket { display: block; } } /* line 18, ../sass/partials/_bracket.scss */ .viz-bracket-mod { position: relative; } /* line 22, ../sass/partials/_bracket.scss */ .viz-bracket-wrapper { position: relative; } /* line 26, ../sass/partials/_bracket.scss */ .viz-bracket-left { margin-left: 10px; height: 550px; width: 500px; } /* line 31, ../sass/partials/_bracket.scss */ .viz-bracket-left .viz-node:nth-of-type(7) .viz-bracket-designer-name, .viz-bracket-left .viz-node:nth-of-type(8) .viz-bracket-designer-name { font-size: 10px; } /* line 37, ../sass/partials/_bracket.scss */ .viz-bracket-right { position: absolute; top: 0; right: 10px; width: 500px; height: 550px; } /* line 45, ../sass/partials/_bracket.scss */ .viz-legend { position: absolute; top: 23px; right: 0px; display: inline-block; margin: 0 0 0 4px; padding: 0; list-style-position: inside; } /* line 53, ../sass/partials/_bracket.scss */ .viz-legend-item { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; margin: 0 15px 5px 0; background-color: white; font-size: 36px; line-height: 40%; } /* line 60, ../sass/partials/_bracket.scss */ .viz-legend-item:before { margin-left: -5px; padding-right: 2px; content: "\002022"; } /* line 65, ../sass/partials/_bracket.scss */ .viz-legend-item:last-of-type { margin-right: 0; } /* line 70, ../sass/partials/_bracket.scss */ .viz-legend-text { vertical-align: middle; } /* line 74, ../sass/partials/_bracket.scss */ .viz-bracket-date-list { position: relative; margin: 0 0 35px; padding: 0; list-style-type: none; } /* line 81, ../sass/partials/_bracket.scss */ .viz-bracket-date { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; position: absolute; padding: 0; color: #99948a; text-transform: uppercase; font-weight: 300; font-size: 11px; } /* line 89, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(1) { left: 0px; } /* line 92, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(2) { left: 13%; } /* line 95, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(3) { left: 24%; } /* line 98, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(4) { left: 36%; } /* line 101, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(5) { left: 47%; } /* line 104, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(6) { right: 36%; } /* line 107, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(7) { right: 24%; } /* line 110, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(8) { right: 13%; } /* line 113, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(9) { right: 0px; } /* line 118, ../sass/partials/_bracket.scss */ .viz-date-finished { text-decoration: line-through; } /* line 122, ../sass/partials/_bracket.scss */ .viz-bracket-division-border { position: absolute; width: 3px; height: 245px; } /* line 128, ../sass/partials/_bracket.scss */ .viz-graphic-border { background-color: #ff8a80; top: 100px; left: 0; } /* line 134, ../sass/partials/_bracket.scss */ .viz-interactive-border { background-color: #b781ff; top: 370px; left: 0; } /* line 140, ../sass/partials/_bracket.scss */ .viz-product-border { background-color: #819fff; top: 100px; right: 0; } /* line 146, ../sass/partials/_bracket.scss */ .viz-architecture-border { background-color: #ff81f4; top: 370px; right: 0; } /* line 152, ../sass/partials/_bracket.scss */ .viz-bracket-info-mod { -webkit-transition: 0.3s top ease-in-out, 0.3s left ease-in-out, 0.3s width ease-in-out; -moz-transition: 0.3s top ease-in-out, 0.3s left ease-in-out, 0.3s width ease-in-out; -o-transition: 0.3s top ease-in-out, 0.3s left ease-in-out, 0.3s width ease-in-out; transition: 0.3s top ease-in-out, 0.3s left ease-in-out, 0.3s width ease-in-out; position: absolute; top: 20px; left: 390px; z-index: 1; padding: 15px; background: white; width: 160px; height: 76px; } /* line 162, ../sass/partials/_bracket.scss */ .viz-info-initiated { width: 260px; height: auto; border: 1px solid #99948a; } /* line 168, ../sass/partials/_bracket.scss */ .viz-info-instructions { font-size: 12px; text-align: center; margin: 0; } /* line 174, ../sass/partials/_bracket.scss */ .viz-info-designer-wrapper { position: relative; display: none; } /* line 179, ../sass/partials/_bracket.scss */ .viz-bracket-header-wrapper { display: table; } /* line 183, ../sass/partials/_bracket.scss */ .viz-bracket-copy-mod { display: table-cell; vertical-align: middle; padding-left: 7px; } /* line 189, ../sass/partials/_bracket.scss */ .viz-info-designer-header-mod { position: absolute; top: 5px; left: 47px; } /* line 195, ../sass/partials/_bracket.scss */ .viz-bracket-designer-description { margin: 0px; padding: 10px 0 0; color: #99948a; font-weight: 300; font-size: 12px; line-height: 140%; } /* line 204, ../sass/partials/_bracket.scss */ .viz-bracket-winner-mod { position: absolute; top: 225px; left: 430px; text-align: center; width: 80px; } /* line 210, ../sass/partials/_bracket.scss */ .viz-champion-headshot-wrap { float: none; margin: 0 auto 10px; width: 60px; height: 60px; border: 1px solid #99948a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* line 221, ../sass/partials/_bracket.scss */ .viz-champion-headshot { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; } /* line 225, ../sass/partials/_bracket.scss */ .viz-champion-info-wrap { border-top: 1px solid #99948a; padding: 10px 0 0; } /* line 230, ../sass/partials/_bracket.scss */ .viz-champion-seed { margin: 0; color: #99948a; font-family: "FCKaiserCond", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 12px; } /* line 238, ../sass/partials/_bracket.scss */ .viz-champion-name { display: none; padding: 0; margin: 0 0 5px; font-size: 12px; } /* line 245, ../sass/partials/_bracket.scss */ .viz-champion-label { margin: 0; font-size: 10px; } /* line 253, ../sass/partials/_bracket.scss */ .viz-bracket-elbow { -webkit-transition: 0.3s stroke-width ease-in, 0.2s stroke ease-in; -moz-transition: 0.3s stroke-width ease-in, 0.2s stroke ease-in; -o-transition: 0.3s stroke-width ease-in, 0.2s stroke ease-in; transition: 0.3s stroke-width ease-in, 0.2s stroke ease-in; fill: none; stroke-width: 0.5; stroke: #99948a; } /* line 260, ../sass/partials/_bracket.scss */ .viz-bracket-designer-name { font-size: 11px; cursor: pointer; } /* line 265, ../sass/partials/_bracket.scss */ .viz-bracket-designer-loser { text-decoration: line-through; fill: #99948a; } /* line 270, ../sass/partials/_bracket.scss */ .viz-bracket-seed { font-weight: 300; font-family: "FCKaiserCond", Helvetica, Arial, sans-serif; fill: #99948a; } /* line 276, ../sass/partials/_bracket.scss */ .viz-active-path { -webkit-transition: 0.3s stroke-width ease-in, 0.2s stroke ease-in; -moz-transition: 0.3s stroke-width ease-in, 0.2s stroke ease-in; -o-transition: 0.3s stroke-width ease-in, 0.2s stroke ease-in; transition: 0.3s stroke-width ease-in, 0.2s stroke ease-in; stroke-width: 2; stroke: #33312e; } /* line 282, ../sass/partials/_bracket.scss */ .viz-bracket-left-finals-surrogate { display: none; position: absolute; width: 100px; top: 245px; left: 411px; cursor: pointer; } /* line 34, ../sass/widget.scss */ #page .page-inner { background-image: none; } /* line 38, ../sass/widget.scss */ .full-view { padding-left: 0; } /* line 42, ../sass/widget.scss */ #page.kind-longread #page-main .after-body { margin: 0; } /* line 46, ../sass/widget.scss */ #page .page-inner { background-image: none; } /* line 50, ../sass/widget.scss */ #page.kind-longread #page-main article.full-view > header { padding-right: 0 !important; } /* line 54, ../sass/widget.scss */ #page.kind-longread #page-main article.full-view .prose.body { padding-right: 0 !important; } /* line 58, ../sass/widget.scss */ #page-body { padding: 0 20px; } @media (min-width: 620px) { /* line 58, ../sass/widget.scss */ #page-body { padding: 0 30px; } } @media (min-width: 850px) { /* line 58, ../sass/widget.scss */ #page-body { padding: 0 50px; } } @media (min-width: 1000px) { /* line 58, ../sass/widget.scss */ #page-body { padding: 0 200px 0 20px; } } /* line 71, ../sass/widget.scss */ #page.kind-longread #page-main article.full-view > header .title { margin-top: 24px; margin-bottom: 15px; } /* line 76, ../sass/widget.scss */ .full-view .byline { display: none; } /* line 84, ../sass/widget.scss */ .full-view > header .deck, .full-view > header .deck p { font-weight: 500 !important; margin-bottom: 0; } /* line 93, ../sass/widget.scss */ .prose.body * { -webkit-font-smoothing: subpixel-antialiased; } /* line 97, ../sass/widget.scss */ .prose.body form { margin: 0 0 -15px 0; } /* line 101, ../sass/widget.scss */ .prose.body p, .prose.body p:first-child, .prose.body p:first-line { font-family: inherit !important; color: inherit; line-height: inherit; font-weight: inherit !important; } /* line 108, ../sass/widget.scss */ .prose.body label { margin: 0; } /* line 113, ../sass/widget.scss */ .prose.body ol { list-style-type: none; line-height: 100%; } /* line 118, ../sass/widget.scss */ .prose.body ol > li { width: auto; } /* line 122, ../sass/widget.scss */ .prose.body ol > li:before { position: static; } /* line 126, ../sass/widget.scss */ .prose.body ul > li:before { content: none; } /* line 133, ../sass/widget.scss */ .prose.body .viz-graphic-text { color: #ff8a80; } /* line 137, ../sass/widget.scss */ .prose.body .viz-interactive-text { color: #b781ff; } /* line 141, ../sass/widget.scss */ .prose.body .viz-product-text { color: #819fff; } /* line 145, ../sass/widget.scss */ .prose.body .viz-architecture-text { color: #ff81f4; } /* line 149, ../sass/widget.scss */ .prose.body .viz-graphic-img { background-color: #ff8a80; } /* line 153, ../sass/widget.scss */ .prose.body .viz-interactive-img { background-color: #b781ff; } /* line 157, ../sass/widget.scss */ .prose.body .viz-product-img { background-color: #819fff; } /* line 161, ../sass/widget.scss */ .prose.body .viz-architecture-img { background-color: #ff81f4; } /* line 165, ../sass/widget.scss */ .prose.body .viz-title { text-transform: none; letter-spacing: normal; font-weight: 500 !important; font-size: 42px; font-family: "FCZizouSlab", Georgia, Times, Times New Roman, serif; line-height: 90%; font-color: #33312e; } /* line 176, ../sass/widget.scss */ .prose.body .viz-native-copy { line-height: 160%; font-size: 15px; margin-bottom: 24px; } /* line 184, ../sass/widget.scss */ .prose.body .viz-bracket { margin: 24px 0; margin-right: -312px; } /* line 189, ../sass/widget.scss */ .prose.body .viz-legend { margin: 0 0 0 4px; list-style-type: none !important; font-family: "MuseoSans", Helvetica, Arial, sans-serif; } /* line 195, ../sass/widget.scss */ .prose.body .viz-legend-item { position: static; margin: 0 15px 5px 0; padding: 0; width: auto; list-style-type: none !important; font-size: 30px; line-height: 40%; } /* line 203, ../sass/widget.scss */ .prose.body .viz-legend-item:before { margin-left: -5px; padding-right: 2px; content: "\002022"; } /* line 208, ../sass/widget.scss */ .prose.body .viz-legend-item:last-of-type { margin-right: 0; } /* line 213, ../sass/widget.scss */ .prose.body .viz-legend-item { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; margin: 0 15px 5px 0; background-color: white; font-size: 36px; line-height: 40%; } /* line 220, ../sass/widget.scss */ .prose.body .viz-legend-item:before { margin-left: -5px; padding-right: 2px; color: inherit; content: "\002022" !important; } /* line 226, ../sass/widget.scss */ .prose.body .viz-legend-item:last-of-type { margin-right: 0; } /* line 231, ../sass/widget.scss */ .prose.body .viz-detail { color: #99948a; } /* line 235, ../sass/widget.scss */ .prose.body .viz-bracket-date-list { margin: 0 0 30px; } /* line 239, ../sass/widget.scss */ .prose.body .viz-bracket-date { position: absolute; padding: 0; font-size: 11px; } /* line 243, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(1) { left: 0px; } /* line 246, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(2) { left: 12%; } /* line 249, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(3) { left: 23%; } /* line 252, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(4) { left: 34%; } /* line 255, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(5) { left: 47%; } /* line 258, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(6) { right: 34%; } /* line 261, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(7) { right: 23%; } /* line 264, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(8) { right: 12%; } /* line 267, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(9) { right: 0px; } /* line 272, ../sass/widget.scss */ .prose.body .viz-bracket-competitor-name { font-weight: 500; } /* line 276, ../sass/widget.scss */ .prose.body .viz-info-instructions, .prose.body .viz-info-instructions:first-child, .prose.body .viz-info-instructions:first-line { color: #33312e; font-size: 12px !important; line-height: 130%; } /* line 282, ../sass/widget.scss */ .prose.body .viz-headshot { max-width: none; } /* line 286, ../sass/widget.scss */ .prose.body .viz-designer-name, .prose.body .viz-designer-job { margin-bottom: 0; } /* line 290, ../sass/widget.scss */ .prose.body .viz-bracket-designer-description, .prose.body .viz-bracket-designer-description:first-child, .prose.body .viz-bracket-designer-description:first-line { margin-bottom: 0; color: #99948a; font-size: 12px !important; line-height: 140%; } /* line 297, ../sass/widget.scss */ .prose.body .viz-designer-name, .prose.body .viz-designer-name:first-child, .prose.body .viz-designer-name:first-line { margin-bottom: 2px; color: #33312e; font-weight: 500 !important; font-size: 13px !important; line-height: 100%; } /* line 305, ../sass/widget.scss */ .prose.body .viz-designer-job, .prose.body .viz-designer-job:first-child, .prose.body .viz-designer-job:first-line { color: #99948a; font-size: 11px !important; line-height: 120%; } /* line 311, ../sass/widget.scss */ .prose.body .viz-champion-name, .prose.body .viz-champion-name:first-child, .prose.body .viz-champion-name:first-line { margin: 0 0 5px; font-weight: 500 !important; font-size: 12px !important; line-height: 80%; color: #33312e; } /* line 319, ../sass/widget.scss */ .prose.body .viz-champion-seed { font-weight: 300; } /* line 323, ../sass/widget.scss */ .prose.body .viz-champion-headshot { max-width: none; } /* line 327, ../sass/widget.scss */ .prose.body .viz-champion-label, .prose.body .viz-champion-label:first-child, .prose.body .viz-champion-label:first-line { margin: 0; color: #99948a; font-size: 10px !important; line-height: 80%; } /* line 334, ../sass/widget.scss */ .prose.body .viz-underline { color: #33312e; line-height: 160% !important; font-size: 15px !important; } /* line 345, ../sass/widget.scss */ .prose.body .viz-quiz { max-width: none; } /* line 349, ../sass/widget.scss */ .prose.body .viz-choices-group { margin: 0 0 20px; list-style-type: none !important; vertical-align: top; } /* line 355, ../sass/widget.scss */ .prose.body .viz-choice-item { position: static; margin-bottom: 0; padding: 5px 0; width: 100%; list-style-type: none !important; } /* line 361, ../sass/widget.scss */ .prose.body .viz-choice-item:nth-child(2n) { margin-bottom: 10px; } /* line 364, ../sass/widget.scss */ .prose.body .viz-choice-item:last-of-type { padding-bottom: 0; } /* line 369, ../sass/widget.scss */ .prose.body .viz-division .viz-choice-loser { margin-bottom: 0; padding: 5px 0 0px; } /* line 374, ../sass/widget.scss */ .prose.body .viz-vs { color: #ccc6b9; line-height: 120%; } /* line 379, ../sass/widget.scss */ .prose.body .viz-submitted-alert { margin: -25px 0 10px; padding: 5px; color: #ccc6b9; font-size: 11px !important; } /* line 386, ../sass/widget.scss */ .prose.body .viz-designer-description, .prose.body .viz-designer-description:first-child, .prose.body .viz-designer-description:first-line { margin: 0px; padding: 10px 0; color: #99948a; font-size: 12px !important; line-height: 140%; } /* line 394, ../sass/widget.scss */ .prose.body .viz-choice-loser .viz-designer-name, .prose.body .viz-choice-loser .viz-designer-name:first-child, .prose.body .viz-choice-loser .viz-designer-name:first-line { color: #99948a !important; font-weight: 300 !important; } /* line 403, ../sass/widget.scss */ .prose.body .viz-rankings { max-width: none; } /* line 407, ../sass/widget.scss */ .prose.body .viz-division-finals { width: 100%; margin-bottom: 35px !important; padding: 0; } /* line 413, ../sass/widget.scss */ .prose.body .viz-division-list { margin: 0; padding: 0; list-style-type: none !important; } /* line 419, ../sass/widget.scss */ .prose.body .viz-division { margin: 0 0 35px; } /* line 423, ../sass/widget.scss */ .prose.body .viz-group-2 .viz-division:last-of-type { margin-bottom: 0; } /* line 428, ../sass/widget.scss */ .prose.body .viz-division-button { border: none; } /* line 432, ../sass/widget.scss */ .prose.body .viz-division-title { text-transform: uppercase; font-weight: 300 !important; font-size: 11px !important; line-height: 80%; } /* line 439, ../sass/widget.scss */ .prose.body .viz-division-name { font-family: "MuseoSans", Helvetica, Arial, sans-serif; } /* line 443, ../sass/widget.scss */ .prose.body .viz-division-round { margin: 10px 0 16px; color: #33312e; font-weight: 600 !important; font-size: 15px !important; font-family: "FCZizouSlab", Georgia, Times, Times New Roman, serif !important; } /* line 451, ../sass/widget.scss */ .prose.body .viz-division-designers-list { padding: 0 10px; margin: 0; list-style-type: none; } /* line 457, ../sass/widget.scss */ .prose.body .viz-transition { position: absolute; } /* line 459, ../sass/widget.scss */ .prose.body .viz-transition .viz-vs { opacity: 0; }

Who's Winning

  1. Graphic
  2. Interactive
  3. Product
  4. Architecture
  1. March 18
  2. March 20
  3. March 24
  4. March 26
  5. March 28
  6. March 26
  7. March 24
  8. March 20
  9. March 18
 

Select a designer to read more about his or her accomplishments.

2 Edward Tufte

Champion

Who's Winning

Switch rounds to watch the cream rise to the top. You can tap on each designer to read more about his or her accomplishments.

    2 Edward Tufte

    Champion

  1. Final Four

  2. Graphic Design

    Round 1

  3. Interactive Design

    Round 1

  4. Product Design

    Round 1

  5. Architecture

    Round 1

On to the Championship!

Voting for the Final Four is now closed. Thank you to all who participated. You may see the results and vote for the Championships here.


Suzanne LaBarre and Mark Wilson contributed reporting.

ARE YOU REGISTERED TO VOTE?
Register now to make sure you have a voice in the election.
loading