API и dev-tool
Сайт API геокодирования «Геокод» — красивый терминал: тёмный фон, фосфорный акцент, сетка-точки, моно-шрифт: первый экран, где запрос печатается, а JSON приходит с задержкой «42 ms» и переключается между curl / JS / Python / Go, песочница с точкой на карте, эндпоинты в bento с микродемо, калькулятор цены с логарифмическим ползунком и лестницей, статус-панель регионов со спарклайнами, сравнение с конкурентами с раскрытием, changelog с командами установки и тикающими счётчиками, кто использует, отзывы разработчиков, «ключ за 30 секунд» и подвал с лампочкой. Inter Tight и JetBrains Mono.
Из чего собрано
12 блоков из каталога, в порядке появления на странице. Каждый ставится своей командой; ничего не пересоздаётся.
1. Шапка
Шапка API-сервиса с лампочкой статуса и кнопкой «Получить ключ»navbar-042
Моно-лого, чип версии, лампочка «api · ok», «Получить ключ», бургер.
2. Первый экран
Хиро API: запрос печатается, JSON-ответ приходит с задержкой «42 ms»hero-042
Вкладки языков, запрос печатается, JSON приходит построчно, «200 OK · 42 ms».
3. Песочница
Песочница геокодера: адрес → точка на CSS-карте и JSON-ответapi-001
Адрес → точка едет по карте, JSON печатается, латентность и стоимость.
4. Эндпоинты
Эндпоинты API bento-плитками с CSS-микродемоbento-011
Шесть плиток с CSS-микродемо.
5. Цены
Калькулятор оплаты за запросы с логарифмическим ползунком и лестницей ступенейpricing-034
Логарифмический ползунок, ступени бесплатно до 10k, SVG-лестница.
6. Статус
Статус-панель API: регионы с лампочками, живая p50 и спарклайны за 24 чapi-002
Четыре региона, лампочки, p50 / p99, спарклайны рисуются.
7. Сравнение
Сравнение с конкурентами: строки раскрываются с примером ответа APIcomparison-015
Строки раскрываются с примером ответа.
8. Что нового
Лента версий API с командой установки и живыми счётчиками запросовchangelog-013
Версии с тегами, npm / pip / go с копированием, счётчики тикают.
9. Используют
«Работал с» текстом бегущей строкойlogocloud-007
Бегущая строка названий.
10. Отзывы
Отзывы разработчиков карточками-комментариями с чипами стекаtestimonials-034
Карточки-комментарии с @handle и стеком.
11. Ключ
Призыв «ключ за 30 секунд»: поле почты, ключ печатается по символамcta-035
Одно поле → ключ печатается по символам, галочка, «скопировать».
12. Подвал
Подвал API-сервиса с лампочкой статуса и строкой билдаfooter-041
Лампочка статуса, колонки, чипы билда.
Pro
Точный состав, код страницы и ссылка для агента — в PRO
Демо и список блоков открыты всем. Подписчику показываются пропсы каждого блока как в демо, общие правила темы, промпты картинок и одна ссылка, по которой ИИ-агент собирает такую же страницу.
Открыть PRO