HeinekenThailandcampaign
Please review the Heineken, “AFTERWORK” brand campaign and rate it using the HEINEKEN Creative Ladder.
Campaigns > Heineken – Thailand
VIDEO
VIDEO
VIDEO
VIDEO
VIDEO
VIDEO
GALLERY
Heineken – Thailandadmin2025-03-10T16:30:24+02:00
:host {
--color-primary: #FF7D00;
--color-primary-dark: hsl(29, 100%, 40%);
--color-primary-light: hsl(29, 100%, 94%);
--color-primary-alpha: rgba(255, 125, 0, 0.250000);
--color-primary-contrast: #FFFFFF;
--color-secondary: #364959;
--color-secondary-dark: hsl(207, 24%, 23%);
--color-secondary-contrast: #FFFFFF;
--color-secondary-alpha: rgba(54, 73, 89, 0.250000);
--color-secondary-light: hsl(207, 24%, 52%);
--color-success: #90BE6D;
--color-success-dark: hsl(94, 38%, 47%);
--color-success-light: hsl(94, 38%, 77%);
--color-error: #b8b8b8;
--color-error-dark: hsl(0, 0%, 58%);
--color-error-alpha: rgba(184, 184, 184, 0.250000);
--color-error-light: hsl(0, 0%, 100%);
--color-background: #ffffff;
--color-background-dark: hsl(0, 0%, 80%);
--color-background-contrast: #FFFFFF;
--color-background-light: hsl(0, 0%, 100%);
--color-dark: #F6F6F6;
--color-dark-contrast: #FFFFFF;
--color-dark-alpha: rgba(246, 246, 246, 0.050000);
--size: var(--size-regular);
--space: var(--space-compact);
--radius: var(--radius-rounded);
}
@media only screen and (max-width: 1600px) and (min-width: 640px) {
/*voting styling */
body, .fusion-text, select, .button.-primary {
font-size: 16px !important
}
.section-description em, .section-description strong {
font-size: 4.49vw !important
}
h2 {
font-size: 2.844vw !important
}
.question label {
font-size: 2.395vw !important
}
h4 {
font-size: 1.796vw !important
}
}
.button.-primary:hover {
background-color: #F6F6F6;
color:#C1C1C1;
}
.section-title, .section.welcome, .survey-title, .survey-progress {
display: none !important;
}
.button.-primary {
background-color: #FF7D00;
color: #fff;
font-size: 18px;
font-family: "Futura Medium condensed";
font-weight: 500;
text-transform: uppercase;
padding: 8px 7px;
border-radius: 0;
line-height: 1;
letter-spacing: 0.27px;
}
.section-description em, .section-description strong {
margin: 0.05em 0;
display: table;
padding: 0 0.2em 0 0.15em;
font-family: "Futura bold condensed";
font-weight: 700;
color: #fff;
font-size: 75px;
line-height: 1;
}
.section-description em {
background-color: #13670b;
font-style: normal !important;
}
.section-description strong {
background-color: #FF7D00;
}
.question label {
font-family: "Futura Medium condensed";
font-weight: 400;
font-size: 30px;
line-height: 1;
color: #3C3C3B;
margin-bottom: 0.3em;
}
div:not(.fixed) .question {
display: inline-block;
float: left;
margin: 0;
}
div:not(.fixed) .section-description {
display: inline-block;
width: 17vw;
float: left;
}
select {
background-color: #F6F6F6;
border: 0;
border-radius: 0;
cursor: pointer;
font-size: 18px;
font-family: "Futura Medium condensed";
font-weight: 500;
text-transform: uppercase;
padding: 8px 7px;
padding-left: 83px;
}
.question-field option {
font-size: 16px !important
}
form.section {
display: flex;
align-items: center;
margin: 0
}
.question-error {
margin: 0;
}
.question-block {
display: flex;
align-items: flex-end;
}
.section.thankyou p {
font-family: "Futura Medium condensed";
font-size: 32px;
}
div.question:nth-child(2){
position: absolute;
top: 140px;
left: 17vw;
width: 230px;
}
@media only screen and (max-width: 640px) {
form.section {
display: block
}
div:not(.fixed) .section-description {
Float: inherit;
Width: inherit;
}
.section-description em, .section-description strong {
Font-size: 38px !important;
}
.question label {
Font-size: 18px !important;
}
.button.-primary, select {
padding-top:15px;
padding-bottom: 15px;
}
div.question:nth-child(2) {
position: absolute;
top: 90px;
left: 0;
width: 230px;}
}.question-block {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 10px;
}
div.question:nth-child(2){
position: relative;
top: unset;
left: unset;
width: 100%;
}
.select2-results__option, .select2-search--dropdown{
padding:0!important;
}
.LEGENDARY, .legendary {
background-color: #662A72;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.CULTURALPHENOMENON {
background-color: #93448A;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.CONTAGIOUS {
background-color: #3D8A44;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.GROUNDBREAKING {
background-color: #55B046;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.FRESH {
background-color: #92C43F;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.OWNABLE {
background-color: #D3DC44;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.CLICHÉ {
background-color: #F9C647;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.CONFUSING {
background-color: #E57036;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.DESTRUCTIVE {
background-color: #000000;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.HIJACKED {
background-color: #D1302C;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}
.creative {
margin-top: 15px;
background-color: #ACACAC;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
display: block;
font-family: "Futura Medium condensed";
}