🚀 Быстрый запуск • s1gyma.ru

Запускайте страницы за минуты v0.1

s1gyma — лёгкий и быстрый способ опубликовать проект: адаптивный дизайн, ясная документация и рекомендации по конфигурации сервера. Идеально для промо, презентаций, анонсов и кампаний.

Коротко

Название s1gyma — это быстрый инструмент публикации: удобные секции, чистая типографика, современный CSS и минимум зависимостей. Подходит для тех, кому важны скорость рендеринга, стабильность и предсказуемая архитектура.

99.9%
Целевой аптайм
30KB+
Контент в одном файле
A+
Практики производительности
0 deps
Внешние зависимости

О продукте

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

Миссия

Сделать запуск промо-страниц и анонсов таким же быстрым, как набрать текст: без сборок, без зависимостей, с понятными рекомендациями по серверу и безопасностью по умолчанию.

  • Автономный файл: иконки, мета-теги, стили и скрипты — внутри.
  • Адаптивная сетка и плавная прокрутка.
  • Модульный JS на классах и токены дизайна.
  • SEO-мета, OG-картинки и карта сайта.

Подход

Модульность, минимум магии, предсказуемость. Компоненты — карточки, таблицы, аккордеоны, диалоги — собираются в единый стиль. Все интерактивы — через небольшие, изолированные контроллеры.

Современный CSS (oklab, color-mix), доступность, фокус-стили и работа с клавиатуры включены из коробки.

Возможности

Функциональность, которая экономит часы верстки и настройки.

⚡ Скорость

Один файл, минимум запросов, готовность к gzip/Brotli и HTTP/2.

🔒 Безопасность

Рекомендуемые заголовки: Content-Security-Policy, X-Frame-Options, Referrer-Policy.

🧩 Модульность

Компонентный CSS и классовый JS. Легко расширять.

♿ Доступность

Семантика, aria-атрибуты, контраст, управление с клавиатуры.

🌓 Темы

Тёмная/светлая тема, переключатель, поддержка prefers-color-scheme.

🗺️ SEO

Open Graph, Twitter Cards, карта сайта и структурирование контента.

🧪 Тестируемость

Детерминированная разметка и классы для e2e/визуальных тестов.

🔧 DevOps

Примеры конфигов Nginx для статики, сжатия и кэширования.

Дорожная карта

Ключевые этапы развития s1gyma.

  1. Q1: Дизайн-система, токены и базовые компоненты.
  2. Q2: Документация, примеры интеграции, CLI-шаблоны.
  3. Q3: Публичная бета, сбор обратной связи.
  4. Q4: Релиз, стабильная поддержка и улучшения.

Тарифы

Простая модель: начинайте бесплатно, масштабируйтесь по мере необходимости.

Free

0 ₽/мес

  • Готовые секции и стили
  • Тема и базовые компоненты
  • MIT-лицензия
Выбрать

Pro

490 ₽/мес

  • Расширенные блоки и шаблоны
  • Поддержка по e-mail
  • Рекомендации по SEO
Выбрать

Enterprise

По запросу

  • Аудит производительности
  • Кастомизация под бренд
  • Приоритетная поддержка
Связаться

Документация

Короткие рецепты, чтобы сразу приступить к делу.

Установка и деплой

Положите index.html в корень сайта на сервере. Ниже пример конфигурации Nginx.

server {
  listen 80;
  server_name s1gyma.ru www.s1gyma.ru;

  root /var/www/s1gyma;
  index index.html;

  add_header X-Content-Type-Options nosniff always;
  add_header X-Frame-Options SAMEORIGIN always;
  add_header Referrer-Policy no-referrer-when-downgrade always;
  add_header Permissions-Policy "geolocation=(), microphone=()" always;

  location / {
    try_files $uri $uri/ =404;
  }

  location ~* \.(html)$ {
    expires -1;
  }

  location ~* \.(css|js|svg)$ {
    expires 7d;
  }
}
            
Структура проекта
  • Head: мета-теги для SEO/OG/Twitter, inline favicon/og-image.
  • CSS: токены, карточки, таблицы, аккордеоны.
  • JS: классы App, Theme, Modal, ScrollSpy, Accordion.
  • Секции: Product, Features, Roadmap, Pricing, Docs, Nginx, Status, FAQ, Contacts, Privacy, Terms, Sitemap, Changelog.
Компоненты
КомпонентНазначениеСостояния
CardКонтейнер контентаdefault, hover
BadgeСтатусы/меткиbrand, accent
ButtonДействияprimary, ghost
TableДанныеsticky header
AccordionFAQ/Docsopen/closed
ModalДиалогopen/close
Доступность

Семантическая разметка, фокус-стили, aria-атрибуты, корректные цвета и логичный порядок табуляции. Диалоги — на <dialog> с ролью dialog.

Nginx рекомендации

Минимальная настройка для быстрой отдачи статики и корректного кэширования.

Сжатие

# Включить gzip
gzip on;
gzip_comp_level 6;
gzip_min_length 1024;
gzip_types text/html text/css application/javascript image/svg+xml;

# Brotli (если модуль доступен)
brotli on;
brotli_comp_level 5;
brotli_types text/html text/css application/javascript image/svg+xml;
          

Кэширование

# Общие заголовки
add_header Cache-Control "public, max-age=604800" always;

# Для HTML — без кэша
location ~* \.html$ {
  add_header Cache-Control "no-cache, no-store, must-revalidate" always;
}
          

Статус

История релизов и изменений инфраструктуры.

ДатаСобытиеСтатус
2025-08-17Обновление серверных рекомендацийЗавершено
2025-07-04Тестирование BrotliЗавершено
2025-06-12Добавлены разделы Privacy/TermsВ работе
2025-05-30Публикация актуального билдаОнлайн

Частые вопросы

Если не нашли ответ — напишите нам.

Как начать пользоваться s1gyma?

Скачайте файл, загрузите его на сервер и включите рекомендуемые заголовки. Подробный рецепт — в документации выше.

Можно ли расширить страницу?

Да. Структура модульная — добавляйте секции, карточки, списки и формы, не ломая стили.

Поддерживаются ли формы?

Да. Добавьте форму и отправляйте данные на ваш API или внешний сервис.

Как сменить иконку сайта?

Фавикон подключён через data:-URL. Замените SVG внутри тега <link rel="icon">.

Контакты

Почта: hello@s1gyma.ru. Мы отвечаем по будням.

Адрес

Россия, Интернет

По организационным вопросам пишите на e-mail.

Как начать

  1. Скачайте файл index.html.
  2. Разместите его в каталоге /var/www/s1gyma.
  3. Проверьте конфигурацию и перезапустите nginx -s reload.

Политика конфиденциальности

Мы минимизируем сбор данных и не используем сторонние трекеры.

1. Общие положения

Материалы предоставляются «как есть». Серверные логи могут содержать технические данные (IP, User-Agent) для диагностики и безопасности.

2. Cookies

Страница не устанавливает собственные cookie. Технические cookie могут появляться при использовании CDN или балансировщиков.

3. Третьи стороны

Аналитические скрипты по умолчанию не подключаются.

4. Контакты по вопросам приватности

hello@s1gyma.ru

Условия использования

Используя сайт, вы соглашаетесь с базовыми условиями.

Карта сайта

Навигация по разделам.

История версий

0.1.0 — Добавлены секции, аккордеоны, таблицы, диалог, переключатель темы, иконка и OG-изображение.
0.0.1 — Первая публичная версия.