HO SOL
Хомяк на бирже$HOMYAK3s
Dev 1.9% Топ10 17% Снайп 2 Бандл 3% Инсайд 2% Смарт 4
00 Дизайн-система
«Рентген»
Сине-чёрная плёнка и холодный свет негатоскопа. Интерфейс не украшает монету — он её просвечивает. Каждый цвет что-то значит, украшений нет. Палитра и шрифты — из плана v3 (раздел 8), витрина добавляет крупную типографику, сетку и движение.
01 Принципы
A
Один свет на экран
Акцент --light — только главное действие, фокус и луч скана. Если светится два элемента, один лишний.
B
Цвет — это смысл
Зелёный и красный — только деньги и риск. Категории кошельков — только в маленьких ярлыках. Сеть — коротким именем, не цветом.
C
Яркость вместо теней
Поверхности отличаются яркостью, теней нет вообще. Градиентов и стекла нет — кроме луча «Просвета».
02 Цвет
Поверхности
--bg#070B10Фон приложения и сайта — «плёнка»
--surface-1#0C121AПанели, шапка, статус-бар
--surface-2#121A24Карточки, поля ввода
--surface-3#1A2430Наведение, активная вкладка, чипы
--line#202C3AРазделители
--line-strong#2E3E52Рамки выделенных элементов
Текст и контраст
Контраст считается на сборке по формуле WCAG 2.x для каждой пары «текст × поверхность». Порог AA для обычного текста — 4,5:1.
| Токен | bg | surface-1 | surface-2 | surface-3 |
|---|---|---|---|---|
| --text-1 Основной | 16.53 | 15.75 | 14.67 | 13.14 |
| --text-2 Вторичный | 7.44 | 7.09 | 6.60 | 5.91 |
| --text-3 Третичный — поднят до AA | 6.03 | 5.74 | 5.35 | 4.79 |
| --light Свет негатоскопа: главное действие, фокус, луч, скор O | 16.04 | 15.28 | 14.24 | 12.75 |
| --buy Покупка, прибыль, высокая безопасность | 11.06 | 10.54 | 9.82 | 8.79 |
| --sell Продажа, убыток, красные флаги | 6.61 | 6.30 | 5.87 | 5.25 |
| --warn Средний риск, предупреждения | 11.20 | 10.67 | 9.94 | 8.90 |
| --smart Смарт-мани (лаванда из логотипа) | 8.33 | 7.94 | 7.39 | 6.62 |
| --dev Создатель монеты | 9.49 | 9.04 | 8.43 | 7.54 |
| --kol KOL и коллы | 8.80 | 8.39 | 7.81 | 7.00 |
Отклонение от плана: --text-3 в плане — #5B6B7D (3,4:1 на панелях, не проходит AA). В витрине и рендерах — #7F90A2, минимум 4.79:1.
Семантика
--light#BDF0FFСвет негатоскопа: главное действие, фокус, луч, скор O
--buy#3DDC84Покупка, прибыль, высокая безопасность
--sell#FF5D6CПродажа, убыток, красные флаги
--warn#F5B94AСредний риск, предупреждения
--smart#A89CFFСмарт-мани (лаванда из логотипа)
--dev#FF9B5EСоздатель монеты
--kol#F08BD6KOL и коллы
Режим для дальтоников
Покупка синим, продажа оранжевым (план 4.10). Цвет никогда не единственный сигнал: рядом всегда знак ▲▼, +/− или подпись.
▲ +38.4%▼ −12.1% buy #3DDC84 → #5B8CFFsell #FF5D6C → #FFA341
03 Типографика
Интерфейс и заголовки
Onest
400 · 500 · 600. Гротеск с упором на кириллицу, OFL.
Числа, адреса, цены
JetBrains Mono
400 · 500. Табличные цифры, различимые 0/O и 1/l, OFL.
中文
思源黑体
Noto Sans SC, подсет по unicode-range — грузится только на /zh.
Смотри сквозь монету
Два числа до каждой сделки
Кластеры связанных кошельков
Показывает, кто держит 40% и какая часть — связанные кошельки.
Каждая монета приходит с двумя скорами — безопасность и возможность. Решение остаётся за трейдером.
Сноска: план v3, раздел 10.1
04 Честные коллы
$61.4K 0.0₅412 4.812 SOL +184.2%
04 Сетка и формы
Отступы — шаг 4
sp-1 · 4px
sp-2 · 8px
sp-3 · 12px
sp-4 · 16px
sp-5 · 24px
sp-6 · 32px
sp-7 · 48px
sp-8 · 64px
sp-9 · 96px
sp-10 · 128px
Скругления — иерархия
5pxчипы и ярлыки
7pxкнопки
10pxкарточки
14pxокна и модальные
Сетка
12 колонок, контейнер 1240px, боковое поле clamp(16px … 40px), вертикальный ритм секций clamp(96px … 176px). Точки перелома проверки: 375 / 768 / 1280 / 1920.
05 Движение
120–180 мс в интерфейсе, без пружин и отскоков в торговых экранах. Новая карточка — сдвиг 8 px и проявление. Анимируются только transform и opacity. При «уменьшить движение» — статичный конечный кадр.
- --dur-press120msнажатие, scale 0.97
- --dur-ui180msнаведение, переключатели
- --dur-reveal420msпоявление блока: сдвиг 8 px
- --dur-scan1400msпроход луча
- --ease-outcubic-bezier(0.23, 1, 0.32, 1)вход и отклик
- --ease-in-outcubic-bezier(0.77, 0, 0.175, 1)движение по экрану
- --ease-scancubic-bezier(0.45, 0, 0.2, 1)луч
FIG. 05—Проход луча demo data
06 Компоненты
Кнопки
Три состояния: обычное · наведение · отключено. Кнопка называет действие и результат.
S: зелёный ≥70, жёлтый 45–69, красный <45. O — всегда свет.
Смарт Dev KOL Снайпер Бандл Инсайдер Ты
All SOL BSC Base RH ETH HYPE
Сеть — коротким именем и геометрическим знаком, без чужих логотипов.
OK: Mint и freeze отозваны ✓
OK: Dev держит 1.9%
Risk: Бандл в первом блоке 14.2%
Warning: Снайперы ещё держат 6 из 11
уточняется: Кошельки dev из одного источника уточняется
целевой ≤1,2 с Холодный старт
план 10.1 1% Комиссия со свопа
Только для письма о старте беты.
Отправлено
Куплено за 0.41 с
Покупка B Поиск / Шпаргалка ?
Карточка показывает бандлБандл — несколько покупок в одном блоке с разных кошельков одного владельца. Часто так dev скрыто забирает долю. и снайперовСнайпер — кошелёк, купивший в первые секунды, обычно ботом. Продаёт в первую волну покупок..
FIG. 03—Просвет · слой 02 · снайперы demo data
03 Рентген
Угловые метки кадра, подпись FIG слева, пометка «demo data» справа — на каждом рендере.
07 Плотность приложения
Внутри рендеров действует шкала приложения: текст 13, числа 12,5, кнопки 30, строки 28. Карточка монеты — главный компонент Радара: скоры всегда в правом верхнем углу, флаги красятся только за порогом, монеты с S ниже 30 затемняются, но не прячутся.
HO SOL
Хомяк на бирже$HOMYAK3s
Dev 1.9% Топ10 17% Снайп 2 Бандл 3% Инсайд 2% Смарт 4
OG SOL
Огурец$OGUREC9s
Dev 14.2% Топ10 57% Снайп 19 Бандл 34% Инсайд 17% Смарт 0
VA BSC
Варежка$VAREZHKA5m
кривая92%
Dev 14.5% Топ10 37% Снайп 18 Бандл 14% Инсайд 20% Смарт 1
KO SOL
Компот$KOMPOT6h
Raydium Dev 3.7% Топ10 27% Снайп 5 Бандл 8% Смарт 7
08 Правила
Делаем
- Один-два фирменных приёма: луч «Просвета» и разметка снимка.
- Числа — моноширинным, табличные цифры, мелкие цены с подстрочными нулями.
- Каждый рендер — демо-данные с пометкой, вымышленные тикеры и кошельки.
- Кнопка называет действие и сумму: «Купить 0.25 SOL».
- Фокус с клавиатуры виден всегда — светлое кольцо.
Не делаем
- Фиолетово-синие градиентные пятна, неоновые тени, «космос».
- Стекло на каждом блоке, стоковые 3D-фигуры, эмодзи вместо иконок.
- Зелёный или красный для навигации и украшений.
- Выдуманные счётчики, отзывы и «реальные» прибыли.
- Пружины и отскоки в торговых экранах.