Kingsmont: как не дать AI выдумать инвестиционную компанию

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

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

На экране «Kingsmont — первый экран» сохранены настоящие материалы и оформление проекта.

Kingsmont — первый экран

Архивный интерфейс · демонстрационные данные

Быстрые руки, медленные решения

В разработке использовались Cursor и Codex. Им можно поручать компоненты, адаптивные состояния, повторяющиеся правки и проверку реализации. Но кто компания, что она делает и какие утверждения имеет право размещать — это входные условия работы, а не свободные места в макете.

Сам сайт построен на Astro и TypeScript, со статической выдачей. Для оформления используется Tailwind. Движение в первой версии сделано средствами CSS и IntersectionObserver: браузер сообщает, что блок вошёл в область просмотра, после чего применяется нужное состояние. Большой анимационный движок ради этого не понадобился.

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

Что в этой работе принадлежит человеку

Выбрать факт. Отказаться от неподтверждённой цифры. Заметить, что абзац звучит солидно, но ничего не сообщает. Удержать одинаковое качество на странице контактов и первом экране. Эти решения не исчезают оттого, что компоненты стали писаться быстрее.

На экране «Kingsmont — внутренний раздел» сохранены настоящие материалы и оформление проекта.

Kingsmont — внутренний раздел

Архивный интерфейс · демонстрационные данные

Опубликованный сайт можно открыть и посмотреть. Из его наличия я не вывожу рост доверия инвесторов или увеличение обращений: для этого нужны отдельные измерения. Здесь я показываю результат разработки и способ, которым он был получен.

Kingsmont — контактный раздел

Архивный интерфейс · демонстрационные данные

В Kingsmont я поручал агентам компоненты и адаптивные состояния. За мной оставались структура, материалы и визуальная подача. Быстрее писать код оказалось полезно; решить, что компания должна сказать о себе, всё равно пришлось до этого.

Следующий этап: Antigravity и Gemini

Работа с Cursor и Codex была одним этапом Kingsmont. Позже новую версию я спроектировал и собрал в Google Antigravity с Gemini. По моей оценке, этот поздний этап занял меньше рабочего дня. Это не срок всей разработки: исходными данными оставались материалы компании и реальные сведения о её бизнесе.

Визуальное направление я называл Quiet Institutional Power: тёмная палитра, сдержанная подача, крупная типографика и аккуратно организованная информация. Репозиторий опирался на корпоративные материалы компании. Портфельные компании, инвестиционные показатели и другие утверждения без источника в текст не добавлялись.

Изображения для новой версии я создавал с AI и сам задавал их визуальное направление. В разделе руководства сохранил настоящие фотографии людей, а офисное окружение сгенерировал. Это составные изображения, а не документальная съёмка команды в этих помещениях.

В этой версии к Astro, TypeScript и Tailwind добавились собственный WebGL-глобус на Three.js, проверка структурированных JSON-данных через Zod и обработка изображений через Sharp. Заголовки набраны Syne, основной текст и интерфейс — IBM Plex Sans, служебные подписи — IBM Plex Mono. Токены дизайна помогали удерживать одинаковые размеры, интервалы и типографику во время работы с агентами.

Простая анимация осталась на CSS и Intersection Observer; Framer Motion и GSAP в первую версию не включал. В репозитории были отдельные проверки сведений о руководстве, публичных утверждений и контактной формы. Успешной компиляции для этих задач недостаточно.

Для меня этот этап объединил исследование, структуру, визуальный язык, изображения, интерфейс, разработку и проверку результата. Переход между ними стал короче, а ответственность за содержание осталась той же.

В истории Kingsmont я разделяю два этапа и их инструменты. Рассказ о версии, собранной меньше чем за рабочий день, относится к позднему этапу с Antigravity и Gemini, а не ко всему проекту. Показанные исходные экраны и составные AI-изображения тоже требуют привязки к своей версии.

Посмотреть Kingsmont.

Экраны и записи проекта

Связанные истории: Horizon · Connection.me и RTL.