Nik | Digital Collection ✌️

Мост на TON уже работает в бете 🪙

➡️Мост будет доступен между TON, Solana, NEAR, EVM сетями и в любых направлениях

➡️Комиссия на первый клейм составляет 0.05 TON, дальнейшие клеймы будут составлять около 0.02 TON

➡️В первой итерации будет доступен только USDT, мб добавим сам тон между TON и BNB. Какие-то еще токены есть на тоне и на любой другой сети?

Остались последние штрихи перед продом. Это будет самый быстрый и дешевый мост на TON

👀 Обновили UI тост уведомлений. Что изменилось?

- Подняли контраст уведомлений с фоном с помощью тени. Теперь немного проще замечать уведомление
- Уменьшили ширину уведомления на 8pt. Таким образом края тоста не стыкуются со всеми основными виджетами приложения
- Обновили анимацию на нативную от Telegram
Видео 1: До
Видео 2: После

А вы уже добавили анимированные эмодзи в свой аккаунт? 🪙

Делитесь своими идеями эмодзи в комментариях, и мы выберем самые крутые, чтобы добавить их в HOT Wallet! 🫶

Также коротко затрону сам экран настройки и смены темы.
В большинстве приложений смена темы зачастую это однообразное и скучное решение. Например тогл или выбор из списка. Реже делают небольшие иллюстрации с наброском интерфейса в темном и светлом исполнении. Такой подход нас не устраивал.

Одна из основополагающих UI ценностей HOT на текущий момент заключается в следующем: Если мы можем что-то сделать лучше минимально затрагивая разработку и у нас есть силы на еще несколько итераций - мы это делаем. Такой подход позволяет повысить узнаваемость бренда и визуально выделяться среди конкурентов.

В среднем 50% пользователей за время жизни проекта меняют тему оформления. В нашем случае это миллионы человек, которые посетят эту страницу. Так почему тогда не сделать ее визуально креативной и запоминающейся? 👀

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

Недавно мы выпустили обновление с темной темой. Давайте поговорим о том как темизация устроена технически.

Идейно существует два подхода.
1. Немасштабируемый и быстрый
2. Масштабируемый и долгий

Поговорим о них в деталях:

Первый подразумевает, что взяв начальный интерфейс, мы делаем несколько экранов с референсами темной темы. Затем создаем вокруг этого новый ui kit и начинаем компоненты (кнопки, текст, разделители и прочее) менять вручную на новую палитру. Несмотря на то, что это звучит объемно, занимает это 1-2 дня у джуниор/мидл фронт-енд разработчика. Но правда приводит к множеству багов и совершенно не имеет возможности масштабирования. Происходит так, потому что при добавлении новой палитры придется вручную опять прописывать цвета для каждого элемента.

Решают все проблемы первого подхода дизайн токены. Простым языком, токен это цвет конкретного элемента в конкретном месте и конкретной теме. Например, токен для главного текста в светлой теме будет называться light-text--primary. Внутри токена лежит цвет. Применив это на все элементы (text, icons, controls, borders, etc.) мы получим таблицу. Где заголовок строки это название токена, а заголовок столбца это тема. В ячейках этой таблицы будут лежать HEX коды цветов.

Что же это нам даёт? Назначив токены на все компоненты в светлой теме, нам достаточно менять значение темы в названии токена, для того чтобы начать брать новые значения из таблицы. Как следствие, потратив 1-3 дня на назначение всех токенов, или используя их с самого старта, можно добавлять новые темы буквально за 15 минут.

Происходит это следующим образом:
1. Создается новый столбец и в каждой строке напротив кейса использования добавляется новый цвет
2. Новая таблица выгружается как json файл сразу на гитхаб
3. Разработчик добавляет новое поле для новой темы и буквально в пару кликов перекрашивает все приложение.

Если все сделано правильно, то даже не понадобится перепроверять, все цвета сразу будут на своих местах.

Дизайн токены стали популярными не так давно. Ярким примером использования является Material Design от Google. Документацию можно почитать тут: https://m3.material.io/foundations/design-tokens/overview

Лонгрид по темной теме заливаю?

👀 Вспоминаем как прошел [Redacted] от нира в Бангкоке!

Я был заявлен спикером и рассказывал про то, как HOT Protocol влияет на экоксистему NEAR.

Ключевые выводы вы могли уже видеть в твиттере. А теперь залетайте на YouTube посмотреть полную версию выступления, чтобы познакомиться с нами ещё немного ближе! ❤️

https://youtu.be/U3SXU0RUNuc?si=TbJ5E2VmNebj9Pgl

Собственно о чем и речь

Ребятам респект. Реально выиграл.

Когда собираешь дизайн и случайно не то осталось в буфере обмена

- бу, испугался?

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

Хот - это не тапалка. Хот - это веб3 продукт с крутыми партнёрами внутри. Участвуйте в активностях и зарабатывайте ещё до листинга. Это главная ценность, которую вы можете сейчас получить.

Мы трекаем всех, кто участвует в активностях. Даже если не выиграл. Держите это в голове на будущее.

🚀 Отличный дроп от HAPI 😱
Всех, кто забрал - поздравляю

🔥 HOT x FITTON 🔥

FITTON — новый гем 🪙 в Telegram и победитель HOT Хакатона — только что запустили свой мини апп! У них даже был свой собственный стенд на конференции TON Gateway 🤯

В этот понедельник в 20:00 будет запущена пока специальная кампания в рамках нашего партнерства!

Что вы уже можете делать в приложении:
➡Подключить свой HOT Wallet
➡Начать приседать и зарабатывать очки 🏋️‍♂️
➡Приглашать друзей
➡Открывать новые виды упражнений