Адаптивная вёрстка и дизайн веб-интерфейса СУБД

Доброе время суток

Есть сайт. Его функция - веб-интерфейс СУБД.

Это несколько файлов HTML, CSS, JS и немного графики.

В основном содержимое всех страниц формируется скриптами, кроме страницы аутентификации, она же начальная- index.html

Вот ее и нужно привести в порядок (ну и CSS, разумеется), чтобы корректно отображалась на всех экранах. что касается остальных страниц, содержимое которых формируется преимущественно скриптами, то там  графики по минимумму: фон, окантовочку, если возможно, шапку с названием Организации и ИС. Ссылки на скрипты и всю информацию оставить.

Образец (рабочую версию) прилагаю.

Требования: логотип (имеется), корпоративные цвета: черный (темно-серый/ имитация черного бархата, как на прилагаемых визитках), красный (лучше градиент черный-красный ,как на картинке прилагаемой) ,белый, темно-зеленый.

Много графики не надо, минимализм. Это ведь вход в СУБД прежде всего, а не официальный сайт компании.

Но должно смотреться стильно.