Поставленные Вами запятые нужны.
Правильно в первом варианте.
Слово баннер зафиксировано в толковых словарях:
Большой толковый словарь русского языка
БАННЕР, -а; м. [англ. banner - транспорант, флаг]. Графическое изображение рекламного, пропагандистского или агитационного характера.
Современный словарь иностранных слов
баннер
[нэ]
м. [англ. banner < banner флаг; крупный заголовок].
1) инф. Рекламный значок на каком-л. сайте Интернета, при нажатии на который мышью пользователь может выйти на страницу с развернутой информацией о рекламируемом объекте.
2) Листок с рекламой какого-л. товара в витрине магазина или на стенах торгового зала.
Определение, выраженное причастным оборотом, не находится в дистантной позиции, оно присоединяется к сочетанию бледное лицо. Так рядом оказываются два определения. Эта ситуация описывается правилом: «Если причастный оборот стоит перед определением-прилагательным и относится к следующему затем сочетанию определения-прилагательного и определяемого слова, то запятая между ними не ставится: Каждый раз появлялась и снова тонула в кромешном мраке припавшая к широким балкам степная станица (Пауст.); Сергей увидел плавающие в воздухе белые листки тетрадки (Вороб.)» (Правила русской орфографии и пунктуации. Полный академический справочник / под ред. В. В. Лопатина. М., 2006 и сл. изд. Раздел «Пунктуация», § 38).
В словарях русского языка и до 1956 года кафе фиксировалось с е на конце. Например, в «Толковом словаре русского языка» под ред. Д. Н. Ушакова (1935–1940) только кафе. Однако вариант кафэ употреблялся в письменной речи, такое написание можно было встретить и на вывесках, это подтверждают примеры из дореволюционных газет (В этот момент из соседнего кафэ выходит артист Малого театра Садовский. «Петербургский листок». 19.02.1914), а также цитата из романа Л. Пантелеева «Ленька Пантелеев»: Они остановились у витрины, на треснувшем и продырявленном пулями стекле которой белыми буквами было написано: КАФЭ «УЮТНЫЙ УГОЛОК».
Запятая здесь вполне уместна.
Тире возможно. Правило таково.
При сказуемом-прилагательном тире ставится при структурном параллелизме частей предложения, сопровождаемом в устной речи интонационным выделением (ударением) обоих членов предложения: Все в ее облике обращало на себя внимание: взгляд — острый, прическа — мальчишеская, одежда — современная, модная; ср. при акцентном выделении только сказуемого: Погода несносная, дорога скверная, ямщик упрямый, лошади не везут, а виноват смотритель (П.). Тире возможно и при наличии нескольких (однородных) сказуемых: Сын у нее — желтый, длинный и в очках (М. Г.).
В газете читаем: «Палетка задумана как хайлайтер из пяти оттенков (белый, желтый, розовый, бронзовый и серебристый), который надо наносить для того, чтобы придать лицу сияние». В текстах о декоративной косметике хайлайтеры упоминаются нередко, без труда можно найти и руководства, в которых объясняется, как и зачем пользоваться хайлайтером. Слово хайлайтер (англ. highlighter, от to highlight — «подчёркивать», «выделять») включено в тематические словари и словари неологизмов XXI века.