Im making an animated rocket casino in WebApp, I need design advice

очень сыро

 

раздел халява добавь

 

шрифты уродские, цвета тоже, картинка ракеты плохого качества, рамки тоже убогие

 

Поменяй шрифт и убери контрастность

 

ну и хуйня бро

 

выглядит очень очень плохо. криво, уёбщино

 

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

 

мем "по новой миша, все хуйня", знаешь? так вот, это про эту ситуацию

 

шрифт поменять везде, на сделать ставку скорее всего не шрифт а жирным форматировать, обвести 0.48, 1.11 и подобное более мягким, подобрать не такие мерзкие цвета

 

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

 

Шрифт под замену сразу

 

Уф, дизайн конечно не ахти.
1. Навбар

1) Я не понимаю почему экран такой маленький, но колокольчик выглядит мега маленьким, его бы побольше сделать
2) Рамочку будто можно снести у баланса, она выглядит как будто изоленту на предмет наклеили просто так. И сделай чтобы баланс был до сотых, а не тысячных.
3) Не знаю, что делает стрелочка вниз, конечно, но если это смена валюты или чёто в этом роде проще будет это сделать по клику на саму валюту, потому что снова скажу, что для этого реза размер какой-то маленький у неё
4) Значок плюса, если ты рамку сохранишь, то перемести её в область рамочную и СДЕЛАЙ БОЛЬШЕ. А так я бы, если стрелочка вниз это смена и плюс это пополнение, то сделай чтобы эти функции были при нажатии на валюту, смысла от этих кнопок нет, тут рез мобилы это не пк рез
5) Сделай бордер навбара пошире, и вообще лучше сделать, чтобы визуально выглядел будто вырез какой-то.
ИТОГО: Я бы на твоём месте сделал навбар так - 1) Сносим колокольчик, выпадающую стрелку, кнопку пополнения и рамку у баланса. 2) Слева добавляешь логотип какой-то и справа оставляешь баланс (можно ещё сделать значения через точку чуть темнее для того, чтобы воспринималось не так резко), делаешь, чтобы при нажатии на него можно было сменить валюту. 3) Правее добавляешь кнопку профиля, чтобы через профиль были уведы и пополнение. 4) Делаешь отступы от краёв меньше, я не знаю зачем такие большие. 5) Делаем бордер навбара нижний визуально так, будто это какой-то разрез.
2. Мейн блок

1) Цвет рамки вообще не тут, я бы убрал её вообще и просто сделал бы какой-то прикольный шрифт и размером его побольше, даже мб жирнее немного сделать и уже будет лучше.
2) Ну, утка летит это круто, но как я понимаю это краш игра, тебе нужен график где будет: y - множитель и x - таймер. Ну и добавляешь от ракеты след, типо дуги такой на графике.
3) У тебя есть история прошлых крашей, во первых можно сделать снова повторюсь это шире, не нужны такие отступы и можно добавить слева или справ иконку таймера от них (её как раз таки можно поместить в бордерах и сделать фон этой области немного светлее основого цвета). А также меняем их цвет на более прозрачный, но красочный спектр и делаем бордеры такого же цвета, но с нулём опасити
4) Инпут слишком закруглён, чуть сквадрать округление, а также сделай отступ между инпутом и правой кнопкой. А также добавь инпуту плейсхолдер
5) Кнопка смена валюты. Снова обращаясь к навбару, зачем там то тогда её менять, очевидно там сносим её. И снова убираем эту стрелку несчастную и делаем выпадающий список или модалку с выбором валюты по нажатию на её иконку. Также делаем чуть квадратнее, у тебя кнопка такая маленькая и на ней это скругление выглядит ужасно.
6) Этот блок с инпутом и валютой тоже сделать можно шире
7) Кнопка ставки самой. Ну сменить текст на Ставка. Сменить цвет на более интересный. А также после смены цвета убрать этот беловатый бордер.
ИТОГО: Я бы на твоём месте сделал мейн блок так: 1) Сверху пишем историю крашей - Делаем немного скруглённый бордер, фон бордера с небольшим опасити, чтобы цвет не был броским, а так же делаем приятный шрифт и пишет цифры по типу - x0.18 или 0.18x. 2) Оставляем утку на ракете, добавляем на бг какого-то космик вайба, не супер яркий бг токо такой темноватый с явными силуэтам там планет звёзд или т.п. И ещё делаем переход плавный в нижней части с затемнением таким 3) Добавляем к утке треил за ней, который будет рисовать дугу графика. 4) Добавляем значения графика цифры снизу (x) это таймер можно типа - 7s, а справа (y) множитель краша по типу - x0.18 или 0.18x. 5) Делаем инпут с несильным закруглением внутри инпута, в левой части пишем валюту (при нажатии на которую появляются модалка со сменой её), а правее уже само значение (Всё это в инпуте и плейсхолдер не забыть ещё). 6) Правее инпута можно добавить уже саму кнопку ставки, сделать ещё можно вообще такого голубого цвета, но не яркого, такого что-то ближе к 60% тёмного оттенка.

3. Кнопки навигации
Я бы их просто убрал. Нам хватит сверху валюты для пополнения и профиля для увед и бонусов. И лого будет как кнопка главная.

4. Цвет сделай основной что-то в таком роде - #141721. Все цифры делай белого цвета. А дальше уже смотри по визуалу. Я бы внутри бордеров делал что-то вроде - #212330. А для бг истории крашей юзал что-то подобное - #282417 или #0E2442.

p.s. Просмотри разные референсы крашей и попробуй придумать, что-то в том же русле и всё