Дизайн расширения для браузера

Необходимо разработать дизайн расширения для браузера. Вот рабочий прототип https://chrome.google.com/webstore/detail/vacbo/nojicakojaojoekgfcmbkajkccdcngpd?hl=ru

Расширение предназначено для изучения иностранных слов, прямо во вкладке браузера.

Вся суть расширения это показать случайное иностранное слово при открытии новой вкладки, вместе со словом может отображаться перевод, транскрипция, примеры, и другое.

Первый этап после установки, это выбор своего языка, второй этап это выбор иностранного языка (некоторые языки могут быть заблокированными)

Третий этап отображение слова, у иностранного слова, обязательные только 2 аттрибута - это само иностранное слово и перевод. Остальные аттрибуты: транскрипция, звуковой файл (кнопка play), часть речи (например глагол), примеры в формате "пример - перевод примера". Эти аттрибут могут быть а могут и не быть, задача сделать так чтобы всё гармонично смотрелось когда есть все аттрибуты или только часть из них.

Ввехру у расширения должна быть напись vacbo, иконка смены направления перевода, справа будут кнопки "Библиотека" - это откуда загружаются новые словари. При нажатии на кнопку, если пользователь не залогинен выскакивает попап окно где нужно ввести логин и пароль. Если юзер залогинент то он может выбрать словарь для изучения из списка. Ещё справа будет меню с настройками.

Предпочтительно, чтобы дизайн был в стиле https://www.duolingo.com/

Вот примеры страницы из прототипа
http://prntscr.com/7445rq
http://prntscr.com/7445z1
http://prntscr.com/7445c2
http://prntscr.com/744756
http://prntscr.com/744660

ЭТО РАСШИРЕНИЕ ПОЛЬНОСТЬЮ ПЕРЕОПРЕДЕЛЯЕТ ВКЛАДКУ БРАУЗЕРА СВОИМ КОМНЕНТОМ, а не показывается поверх других сайтов.