Дизайн сайта для технического писательства

Дизайн сайта Quartz для технического писательства

Quartz представлен как рабочее пространство для технических писателей, которые хотят пройти путь от структуры к черновику, рецензии и публикации, не отрываясь от клавиатуры. Страница — концептуальный сайт, а не свидетельство подключённого рабочего сервиса, поэтому её главный вклад — редакторская подача: у специализированного инструмента появляется точка зрения ещё до перечня возможностей.

Первое предложение набрано крупным заголовком Instrument Serif с выравниванием по левому краю и курсивным акцентом на «docs nobody read». Максимальная ширина 16ch превращает длинный тезис в компактную колонку, а поясняющий абзац идёт более широкой строкой в 52ch. На тёплом почти белом фоне тёмная кнопка Request access контрастирует с более сдержанным действием Read the manual и напечатанным значком горячей клавиши. Так на первый план выходит идея письма, хотя эти элементы не выполняют заявленные задачи рабочего пространства.

Задачи, которые решает дизайн

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

Страница движется от письма к позиционированию

Макет следует тому же порядку, что и история продукта. Крупный hero-блок задаёт голос, затем страница представляет редактор и переходит к рецензированию, экспорту, истории и интеграциям. После этого раздел контрастов говорит, чем Quartz не является, а раздел тарифов переводит редакторскую позицию в три предложения для разных аудиторий. Последовательность делает страницу похожей на аргументацию, а не на каталог.

1. Начните с редактора

   Первый пронумерованный раздел — «01 / OUTLINE» с заголовком «An outline that doubles as a typewriter.»; в тексте упоминаются перетаскивание заголовков, режим фокуса и приглушённая остальная часть страницы. Эти детали связывают структуру и концентрацию, но остаются предлагаемым поведением взаимодействия, а не проверенным поведением во время работы.

2. Расширьте до контекста команды

   Следующие разделы вводят встроенную рецензию, экспорт в Markdown, историю правок и интеграции. Подписи сохраняют каждую идею компактной, а описания добавляют конкретные связи: комментарии привязаны к строке, документ читает и записывает ту же структуру .md, а идентификаторы тикетов показаны как связанные с боковой панелью. Каждое дополнение расширяет воображаемое рабочее пространство, но и увеличивает число утверждений о продукте, которые реальной реализации пришлось бы подтверждать.

3. Завершите коммерческим выбором

   Блок тарифов сравнивает Solo за $9 в месяц, Studio за $22 за место в месяц и Press с надписью «Talk / to us». Разные единицы оплаты и подписи аудиторий отличают одного автора, команду документации и издателя. В Solo и Press по четыре функции; в Studio пять, и он получает метку рекомендации. Press меняет предмет разговора — SSO, самостоятельный хостинг, конвейеры экспорта и поддержка, — а не просто предлагает более длинный список. Все цены и возможности — пример позиционирования.

Видимые границы дизайна и возможностей

Quartz — маркетинговая концепция, а не реализованное рабочее пространство для письма. Единственный скрипт показывает разделы через IntersectionObserver; он не обрабатывает кнопки, показанные горячие клавиши, редактирование, рецензии, экспорт или создание аккаунта. Обычные ссылки ведут к Surfaces, What It Isn't и Plans, у Changelog нет соответствующего раздела, а ссылки в подвале — заглушки. Поэтому страница демонстрирует визуальное позиционирование, а не работающие интеграции, зашифрованную синхронизацию, публикацию или реальные ценовые предложения. Для этих сервисов потребовались бы отдельная реализация и тестирование.

Указание источника

OpenDesign распространяет этот пример в своей библиотеке Community. В документации источника Taste Skill by Leonxlnx указан как автор рекомендаций по редакторскому минимализму и пространственному ритму: https://github.com/Leonxlnx/taste-skill. Это указание на распространение, а не утверждение о самостоятельном оригинальном авторстве OpenDesign. Входящий в комплект манифест заявляет лицензию MIT; она не устанавливает отдельных прав на каждый показанный ресурс.