Как устроен этот сайт: дизайн-токены и честный контент

Этот сайт собран на Next.js с типизацией TypeScript. Никаких конструкторов: каждая страница — код, который можно проверить, версионировать и развивать.

Внешний вид держится на дизайн-токенах: цвета, шрифты и рамки описаны один раз в CSS-переменных. Углы секций срезаны под 45°, кнопки светятся цианом при наведении, панели дышат лёгкой пульсацией — всё это утилиты, а не разрозненные стили. Пользователям с ограниченной мобильностью анимации отключаются автоматически.

Шрифты лежат локально — Russo One для заголовков и JetBrains Mono для технических подписей. Ни одного запроса к внешним CDN: сайт быстрее и не зависит от чужой доступности.

Hero-изображение прошло отдельную проверку: мы сравнили два варианта попиксельно и выбрали тот, где верхняя треть кадра чистая — текст читается без затемняющей плашки во весь экран. Три размера WebP вместо одного тяжёлого JPEG экономят мегабайты на мобильных.

И главное правило контента: в портфолио только то, что сделано самими. Никаких выдуманных клиентов и украденных скриншотов — за это на рынке стыдно.