▸ CH.09 — КОЛОФОН
сайт, на котором ты сейчас, проектировался вслух — вот расшифровка.
без шаблонов фреймворка, без переноса из Figma в код. я собирал всё прямо в браузере, разговаривая с AI-агентами как с коллегами. cozy-CRT направление, светлая и тёмная темы, адаптив и a11y — всё итерировалось вживую.
за каждый пиксель, который ты видишь,
был спор.
был спор.
— таймлайн · фазы сигнала
фаза 01
крутим ручку настройки
выбрали голос (вещательный, тёплый, честный). подобрали 4 шрифта. нарисовали deploy. итерировали направления, пока не зафиксировался 'Cozy CRT'.
фаза 02
каналы в эфире
hi-fi на каждой секции: hero, about, work, case, writing, now, uses, signal, 404, footer. итерировали в браузере, не в макете.
фаза 03
бумажный режим
светлая тема, не просто тёмная наоборот. перенастроили янтарный, зелёный, тени, скан-линии — чтобы читалось как выгоревшая на солнце бумага.
фаза 04
адаптив и a11y
адаптив, design tokens зафиксированы, аудит a11y, проверены светлая и тёмная темы. написал эту страницу. deploy ушёл вздремнуть.
▸ маршруты
/ главная · ты здесь
/about кто и почему
/work кейсы
/work/:slug разбор кейса
/writing журнал
/writing/:slug по одному тексту
/now над чем работаю сейчас
/uses стек · прямо тут ↓
/signal поздоровайся
/* потерянный канал
FRAMEWORK
nuxt 4 · static ssg
пререндер, ssr-html. без обращений к API в рантайме.
СТИЛИ
tailwind 4 + design tokens
каждое значение — css var (var(--…)). pipeline токенов → css custom properties.
КОНТЕНТ
@nuxt/content · markdown
пишется как блокнот, выходит как сайт
ШРИФТЫ
Space Grotesk · Fraunces · JetBrains Mono · Caveat
дисплейный / курсивный серифный / моно / рукописный
ХОСТИНГ
static · prerendered
быстро настолько, что не замечаешь
АНАЛИТИКА
нет
без куки, без баннера, без трекинга
— пять правил, приклеены к монитору
RULE 01
один сигнал на экран
красный — никогда не для красоты. красное — значит нажми.
RULE 02
тёплое, не холодное
тёмная тема, которая пахнет кофе, а не серверной.
RULE 03
типографика тянет основной груз
четыре гарнитуры. у каждой своя роль. без украшений.
RULE 04
движение несёт смысл
мигание = сейчас. пульс = в эфире. всё остальное стоит на месте.
RULE 05
deploy везде
если экран казался одиноким — кот переезжал.
1
кот