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?

[UPDATE: Round 1 has ended. Check back on fastcodesign.com for results and to vote in the next round.] 32 men and women compete for the title of world's greatest designer.

[Graphic and Illustration: Gus Wezerek / Fast Company, Reporting by Mark Wilson and Suzanne LaBarre]

Welcome to 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.

How it'll work: You'll vote for your favorite designers. Then every other day, we'll post new matchups, you'll cast more votes, and we'll keep doing that until there's just one designer left standing. Will it be Jony Ive? Frank Gehry? Elon Musk?

The list of contenders isn't perfect. There are countless designers we wanted to include—many of them suggested by you—but owing to space constraints, we had to cap the bracket at 32. The final selection represents some, if not all, of the most talented practitioners in the fields of graphic design, interactive design, product design, and architecture.

/* 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 15, ../sass/partials/_quiz.scss */ .viz-quiz { max-width: 634px; margin: 0 auto; } /* line 22, ../sass/partials/_quiz.scss */ .viz-quiz-content { display: none; } @media (min-width: 620px) { /* line 26, ../sass/partials/_quiz.scss */ .viz-quiz-left { width: 49%; float: left; } } @media (min-width: 620px) { /* line 33, ../sass/partials/_quiz.scss */ .viz-quiz-right { width: 48%; float: right; } } /* line 40, ../sass/partials/_quiz.scss */ .viz-radio { display: none; } /* line 44, ../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 54, ../sass/partials/_quiz.scss */ .viz-quiz-target:hover { opacity: 1; } /* line 59, ../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 70, ../sass/partials/_quiz.scss */ .viz-choice-winner .viz-quiz-target { background-position: 0 -50px; opacity: 1; } /* line 77, ../sass/partials/_quiz.scss */ .viz-choice-loser .viz-quiz-target { background-position: 0 -25px; } /* line 80, ../sass/partials/_quiz.scss */ .viz-choice-loser .viz-designer-name { color: #99948a; font-weight: 300; } /* line 84, ../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; display: none; } /* 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-left { margin-left: 10px; height: 550px; width: 500px; } /* line 24, ../sass/partials/_bracket.scss */ .viz-bracket-right { position: absolute; top: 83px; right: 10px; width: 500px; height: 550px; } /* line 32, ../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 40, ../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 47, ../sass/partials/_bracket.scss */ .viz-legend-item:before { margin-left: -5px; padding-right: 2px; content: "\002022"; } /* line 52, ../sass/partials/_bracket.scss */ .viz-legend-item:last-of-type { margin-right: 0; } /* line 57, ../sass/partials/_bracket.scss */ .viz-legend-text { vertical-align: middle; } /* line 61, ../sass/partials/_bracket.scss */ .viz-bracket-date-list { position: relative; margin: 0 0 35px; padding: 0; list-style-type: none; } /* line 68, ../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 76, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(1) { left: 0px; } /* line 79, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(2) { left: 13%; } /* line 82, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(3) { left: 24%; } /* line 85, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(4) { left: 36%; } /* line 88, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(5) { left: 47%; } /* line 91, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(6) { right: 36%; } /* line 94, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(7) { right: 24%; } /* line 97, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(8) { right: 13%; } /* line 100, ../sass/partials/_bracket.scss */ .viz-bracket-date:nth-of-type(9) { right: 0px; } /* line 105, ../sass/partials/_bracket.scss */ .viz-date-finished { text-decoration: line-through; } /* line 109, ../sass/partials/_bracket.scss */ .viz-bracket-division-border { position: absolute; width: 3px; height: 245px; } /* line 115, ../sass/partials/_bracket.scss */ .viz-graphic-border { background-color: #ff8a80; top: 100px; left: 0; } /* line 121, ../sass/partials/_bracket.scss */ .viz-interactive-border { background-color: #b781ff; top: 370px; left: 0; } /* line 127, ../sass/partials/_bracket.scss */ .viz-product-border { background-color: #819fff; top: 100px; right: 0; } /* line 133, ../sass/partials/_bracket.scss */ .viz-architecture-border { background-color: #ff81f4; top: 370px; right: 0; } /* line 139, ../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: 400px; left: 390px; z-index: 1; padding: 15px; background: white; border: 1px solid #99948a; width: 160px; height: 76px; } /* line 150, ../sass/partials/_bracket.scss */ .viz-info-initiated { top: 400px; left: 340px; width: 260px; height: auto; } /* line 157, ../sass/partials/_bracket.scss */ .viz-info-instructions { font-size: 12px; text-align: center; margin: 0; } /* line 163, ../sass/partials/_bracket.scss */ .viz-info-designer-wrapper { position: relative; display: none; } /* line 168, ../sass/partials/_bracket.scss */ .viz-bracket-header-wrapper { display: table; } /* line 172, ../sass/partials/_bracket.scss */ .viz-bracket-copy-mod { display: table-cell; vertical-align: middle; padding-left: 7px; } /* line 178, ../sass/partials/_bracket.scss */ .viz-info-designer-header-mod { position: absolute; top: 5px; left: 47px; } /* line 184, ../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 193, ../sass/partials/_bracket.scss */ .viz-bracket-winner-mod { position: absolute; top: 120px; left: 419px; text-align: center; width: 100px; } /* line 199, ../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 210, ../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 214, ../sass/partials/_bracket.scss */ .viz-champion-info-wrap { border-top: 1px solid #99948a; padding: 10px 0 0; } /* line 219, ../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 227, ../sass/partials/_bracket.scss */ .viz-champion-name { display: none; padding: 0; margin: 0 0 5px; font-size: 12px; } /* line 234, ../sass/partials/_bracket.scss */ .viz-champion-label { margin: 0; font-size: 10px; } /* line 242, ../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: 1; stroke: #99948a; } /* line 249, ../sass/partials/_bracket.scss */ .viz-bracket-designer-name { font-size: 11px; cursor: pointer; } /* line 254, ../sass/partials/_bracket.scss */ .viz-bracket-designer-loser { text-decoration: line-through; fill: #99948a; } /* line 259, ../sass/partials/_bracket.scss */ .viz-bracket-seed { font-weight: 300; font-family: "FCKaiserCond", Helvetica, Arial, sans-serif; fill: #99948a; } /* line 265, ../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 271, ../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; } #page.kind-longread #page-main article.full-view > header:after { background: transparent !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 > header .title { font-weight: 700 !important; } /* line 80, ../sass/widget.scss */ .full-view > header .deck, .full-view > header .deck p { font-weight: 500 !important; margin-bottom: 0; } /* line 89, ../sass/widget.scss */ .prose.body * { -webkit-font-smoothing: subpixel-antialiased; } /* line 93, ../sass/widget.scss */ .prose.body form { margin: 0 0 -15px 0; } /* line 97, ../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 104, ../sass/widget.scss */ .prose.body label { margin: 0; } /* line 109, ../sass/widget.scss */ .prose.body ol { list-style-type: none; line-height: 100%; } /* line 114, ../sass/widget.scss */ .prose.body ol > li { width: auto; } /* line 118, ../sass/widget.scss */ .prose.body ol > li:before { position: static; } /* line 122, ../sass/widget.scss */ .prose.body ul > li:before { content: none; } /* line 129, ../sass/widget.scss */ .prose.body .viz-graphic-text { color: #ff8a80; } /* line 133, ../sass/widget.scss */ .prose.body .viz-interactive-text { color: #b781ff; } /* line 137, ../sass/widget.scss */ .prose.body .viz-product-text { color: #819fff; } /* line 141, ../sass/widget.scss */ .prose.body .viz-architecture-text { color: #ff81f4; } /* line 145, ../sass/widget.scss */ .prose.body .viz-graphic-img { background-color: #ff8a80; } /* line 149, ../sass/widget.scss */ .prose.body .viz-interactive-img { background-color: #b781ff; } /* line 153, ../sass/widget.scss */ .prose.body .viz-product-img { background-color: #819fff; } /* line 157, ../sass/widget.scss */ .prose.body .viz-architecture-img { background-color: #ff81f4; } /* line 161, ../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 172, ../sass/widget.scss */ .prose.body .viz-native-copy { line-height: 160%; font-size: 15px; margin-bottom: 24px; } /* line 180, ../sass/widget.scss */ .prose.body .viz-bracket { margin: 24px 0; margin-right: -312px; } /* line 185, ../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 191, ../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 199, ../sass/widget.scss */ .prose.body .viz-legend-item:before { margin-left: -5px; padding-right: 2px; content: "\002022"; } /* line 204, ../sass/widget.scss */ .prose.body .viz-legend-item:last-of-type { margin-right: 0; } /* line 209, ../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 216, ../sass/widget.scss */ .prose.body .viz-legend-item:before { margin-left: -5px; padding-right: 2px; color: inherit; content: "\002022" !important; } /* line 222, ../sass/widget.scss */ .prose.body .viz-legend-item:last-of-type { margin-right: 0; } /* line 227, ../sass/widget.scss */ .prose.body .viz-detail { color: #99948a; } /* line 231, ../sass/widget.scss */ .prose.body .viz-bracket-date-list { margin: 0 0 30px; } /* line 235, ../sass/widget.scss */ .prose.body .viz-bracket-date { position: absolute; padding: 0; font-size: 11px; } /* line 239, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(1) { left: 0px; } /* line 242, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(2) { left: 12%; } /* line 245, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(3) { left: 23%; } /* line 248, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(4) { left: 34%; } /* line 251, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(5) { left: 47%; } /* line 254, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(6) { right: 34%; } /* line 257, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(7) { right: 23%; } /* line 260, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(8) { right: 12%; } /* line 263, ../sass/widget.scss */ .prose.body .viz-bracket-date:nth-of-type(9) { right: 0px; } /* line 268, ../sass/widget.scss */ .prose.body .viz-bracket-competitor-name { font-weight: 500; } /* line 272, ../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 278, ../sass/widget.scss */ .prose.body .viz-headshot { max-width: none; } /* line 282, ../sass/widget.scss */ .prose.body .viz-designer-name, .prose.body .viz-designer-job { margin-bottom: 0; } /* line 286, ../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 293, ../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 301, ../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 307, ../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 315, ../sass/widget.scss */ .prose.body .viz-champion-seed { font-weight: 300; } /* line 319, ../sass/widget.scss */ .prose.body .viz-champion-headshot { max-width: none; } /* line 323, ../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 330, ../sass/widget.scss */ .prose.body .viz-underline { color: #33312e; line-height: 160% !important; font-size: 15px !important; } /* line 341, ../sass/widget.scss */ .prose.body .viz-quiz { max-width: none; } /* line 345, ../sass/widget.scss */ .prose.body .viz-choices-group { margin: 0 0 20px; list-style-type: none !important; vertical-align: top; } /* line 351, ../sass/widget.scss */ .prose.body .viz-choice-item { position: static; margin-bottom: 0; padding: 5px 0; width: 100%; list-style-type: none !important; } /* line 357, ../sass/widget.scss */ .prose.body .viz-choice-item:nth-child(2n) { margin-bottom: 10px; } /* line 360, ../sass/widget.scss */ .prose.body .viz-choice-item:last-of-type { padding-bottom: 0; } /* line 365, ../sass/widget.scss */ .prose.body .viz-division .viz-choice-loser { margin-bottom: 0; padding: 5px 0 0px; } /* line 370, ../sass/widget.scss */ .prose.body .viz-vs { color: #ccc6b9; line-height: 120%; } /* line 375, ../sass/widget.scss */ .prose.body .viz-submitted-alert { margin: -25px 0 10px; padding: 5px; color: #ccc6b9; font-size: 11px !important; } /* line 382, ../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 390, ../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 399, ../sass/widget.scss */ .prose.body .viz-rankings { max-width: none; } /* line 403, ../sass/widget.scss */ .prose.body .viz-division-finals { width: 100%; margin-bottom: 35px !important; padding: 0; } /* line 409, ../sass/widget.scss */ .prose.body .viz-division-list { margin: 0; padding: 0; list-style-type: none !important; } /* line 415, ../sass/widget.scss */ .prose.body .viz-division { margin: 0 0 35px; } /* line 419, ../sass/widget.scss */ .prose.body .viz-group-2 .viz-division:last-of-type { margin-bottom: 0; } /* line 424, ../sass/widget.scss */ .prose.body .viz-division-button { border: none; } /* line 428, ../sass/widget.scss */ .prose.body .viz-division-title { text-transform: uppercase; font-weight: 300 !important; font-size: 11px !important; line-height: 80%; } /* line 435, ../sass/widget.scss */ .prose.body .viz-division-name { font-family: "MuseoSans", Helvetica, Arial, sans-serif; } /* line 439, ../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 447, ../sass/widget.scss */ .prose.body .viz-division-designers-list { padding: 0 10px; margin: 0; list-style-type: none; } /* line 453, ../sass/widget.scss */ .prose.body .viz-transition { position: absolute; } /* line 455, ../sass/widget.scss */ .prose.body .viz-transition .viz-vs { opacity: 0; } /* line 76, ../sass/widget.scss */ .full-view .byline { display: none; }

Who's Winning

  1. Graphic
  2. Interactive
  3. Product
  4. Architecture
  1. March 18
  2. March 20
  3. March 22
  4. March 24
  5. March 26
  6. March 24
  7. March 22
  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 Round 2!

Voting for Round 1 is now closed. Thank you to all who participated. You can see the results and vote for Round 2 here.