Как вам вход в логи ?

admin20001

Известный
147
114
Попробуй так:

Белый фон можно сделать менее белым (#ECECEC).
Фон у инпутом сделать белыми (#fff) и добавить серый border, примерно rgba(0,0,0,0.3).
Добавть отступ от иконок до plaholder больше в 2 раза.

Уменьшить отступы между инпутами по вертикали.
Отцентровать кнопку и синпутами по центру родителя.
Добавить закругления в 8px родителю.
Уменьшить рамки родителя до 1-2px.
Текст в кнопке и в инпутах увеличить на 2-4px

многоуважаемый Артемий Лебедев, я понимаю что за эту работу вам заплатили всего 100.000 рублей, однако я считаю что лучше было бы потратить больше 40 секунд на создание данного шедевра. Я бы сделал все в темных тонах, например фон #222222, основное окно #111111. Затем я бы убрал обводку окошка, сделал бы закругление в 10-15 пикселей и расположил бы все по вертикали. Так же можно уменьшить высоту инпутов и кнопки по вертикали.
Мне нравится подход через rgba.
К примеру, фон #11111. Блоку который поверх фона задаем фон - rgba(255,255,255,0.1).
Фон элементам внутри блока задаем тоже rgba(255,255,255,0.1).
Цвет бордера ставим rgba(255,255,255,0.1).

Таким образом цвета накладываются друг над другом и получается адаптив по гамме вне зависимости от фона.
Пример работы полупрозрачного элемента с разным фоном:

92lWk9q.png
dsoGxYB.png
 
Последнее редактирование:
  • Нравится
Реакции: Z3roKwq