Источник истины — исходник InDesign (IDML) → компилятор → эти стили. Витрина собрана из того же кода, что и страницы (74 стр., мануал «Finval Evo 475 — Посібник користувача»). Документ: DESIGN-SYSTEM.md.
Геометрия листа
- Формат
- A5, 148 × 210 мм = 419.53 × 595.28 pt
- Поля
- 13 мм = 36.85 pt со всех сторон (пурпурная рамка)
- Наборное поле
- 345.83 × 521.57 pt, 1 колонка (легенды — 3 колонки, средник 8.5 pt)
- Вылет
- 3 мм = 8.50 pt сверху, снизу, снаружи; у корешка 0 (красная рамка)
- Колонтитул
- линейка + логотип + номер страницы, от мастера A-Parent
- Единица
- pt (как в InDesign), без пересчёта в мм
Цвета
CMYK документа → sRGB через Coated FOGRA39. Токены — design-system/tokens.css.
Стили абзацев и символов
Имена — как в InDesign. Образец — первый абзац этого стиля из настоящих страниц.
$ID/[No paragraph style].ps-no-paragraph-styleстр.: 3, 4, 16, 18, 20, 30, 31, 33, 37, 41, 43, 49, 50, 52 … |
ЗМІСТ |
font-family:'Lato'; font-weight:400; font-style:normal; font-size:12pt; letter-spacing:0; text-transform:none; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:0pt; padding-right:0pt; text-indent:0pt; --sb:0pt; --sa:0pt; line-height:14.4pt; |
$ID/NormalParagraphStyle.ps-normalparagraphstyleстр.: 1, 5 |
ПОСІБНИК |
font-family:'Lato'; font-weight:400; font-style:normal; font-size:12pt; letter-spacing:0; text-transform:none; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:0pt; padding-right:0pt; text-indent:0pt; --sb:0pt; --sa:0pt; line-height:14.4pt; |
t3.ps-t3стр.: — |
font-family:'Oswald'; font-weight:400; font-style:normal; font-size:9pt; letter-spacing:0; text-transform:none; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:0pt; padding-right:0pt; text-indent:0pt; --sb:0pt; --sa:0pt; line-height:10.8pt; | |
Chapter 1.ps-chapter-1стр.: 4, 5, 6, 7, 9, 34, 43, 58, 69, 72 |
1.ВСТУП |
font-family:'Oswald'; font-weight:700; font-style:normal; font-size:16pt; letter-spacing:0; text-transform:uppercase; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:0pt; padding-right:0pt; text-indent:0pt; --sb:0pt; --sa:0pt; line-height:19.2pt; |
Chapter 2.ps-chapter-2стр.: 9, 12, 14, 15, 16, 17, 18, 19, 21, 32, 35, 36, 37, 39 … |
5.1.1КОРПУС І КОКПІТ МОДЕЛІ 475 EVO DC |
font-family:'Oswald'; font-weight:700; font-style:normal; font-size:11pt; letter-spacing:0; text-transform:uppercase; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:28.346pt; padding-right:0pt; text-indent:-28.346pt; --sb:17.008pt; --sa:0pt; line-height:13pt; |
Body 1.ps-body-1стр.: 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17 … |
Шановний власнику моторного човна Finval! Дякуємо, що придбали човен нашого виробництва. Ми щиро сподіваємося, що його експлуатація принесе Вам задоволення. |
font-family:'Lato'; font-weight:400; font-style:normal; font-size:10pt; letter-spacing:0; text-transform:none; color:#1d1d1b; text-align:justify; text-align-last:left; word-spacing:var(--ws-justify); padding-left:0pt; padding-right:0pt; text-indent:0pt; --sb:14.173pt; --sa:0pt; line-height:13pt; |
List 1.ps-list-1стр.: 20 |
1-помпа подачі забортної води |
font-family:'Lato'; font-weight:400; font-style:normal; font-size:9pt; letter-spacing:0; text-transform:none; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:19.843pt; padding-right:0pt; text-indent:-8.504pt; --sb:5.669pt; --sa:0pt; line-height:12pt; |
Warning.ps-warningстр.: 4, 16, 18, 20, 30, 31, 32, 33, 34, 43, 44, 45, 46, 49 … |
В останньому розділі цього посібника міститься інформація про гарантійні зобов’язання, які несе виробник човна. Ознайомтеся уважно з гарантійними умовами і строками для уникнення непорозумінь у процесі експлуатації. |
font-family:'Lato'; font-weight:700; font-style:normal; font-size:10pt; letter-spacing:0; text-transform:none; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:48.189pt; padding-right:0pt; text-indent:-48.189pt; --sb:14.173pt; --sa:0pt; line-height:13pt; |
H3.ps-h3стр.: 37, 41, 69, 71 |
ПЕРЕЛiК ЕЛЕМЕНТiВ |
font-family:'Oswald'; font-weight:700; font-style:normal; font-size:10pt; letter-spacing:0; text-transform:uppercase; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:0pt; padding-right:0pt; text-indent:0pt; --sb:14.173pt; --sa:0pt; line-height:13pt; |
Caption 1.ps-caption-1стр.: — |
font-family:'Lato'; font-weight:400; font-style:normal; font-size:8pt; letter-spacing:0; text-transform:none; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:8.504pt; padding-right:0pt; text-indent:-8.504pt; --sb:5.669pt; --sa:0pt; line-height:9pt; | |
List Under Schemes.ps-list-under-schemesстр.: — |
font-family:'Lato'; font-weight:400; font-style:normal; font-size:9pt; letter-spacing:0; text-transform:none; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:19.843pt; padding-right:0pt; text-indent:-5.669pt; --sb:5.669pt; --sa:0pt; line-height:12pt; | |
Table Of Contents%3aTOC Small.ps-table-of-contents-3atoc-smallстр.: 3, 35, 36, 37, 39, 40, 41 |
5.1.1КОРПУС І КОКПІТ МОДЕЛІ 475 EVO DC7 |
font-family:'Lato'; font-weight:400; font-style:normal; font-size:6.5pt; letter-spacing:0; text-transform:uppercase; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:36.85pt; padding-right:0pt; text-indent:-22.677pt; --sb:0.709pt; --sa:0pt; line-height:8pt; |
Table Of Contents%3aTOC Big.ps-table-of-contents-3atoc-bigстр.: 3 |
1.ВСТУП2 |
font-family:'Lato'; font-weight:700; font-style:normal; font-size:8pt; letter-spacing:0; text-transform:uppercase; color:#1d1d1b; text-align:right; text-align-last:auto; word-spacing:normal; padding-left:0pt; padding-right:0pt; text-indent:0pt; --sb:2.835pt; --sa:0pt; line-height:9pt; |
Table Of Contents%3aЗМІСТ.ps-table-of-contents-3azmistстр.: — |
font-family:'Oswald'; font-weight:700; font-style:normal; font-size:16pt; letter-spacing:0; text-transform:uppercase; color:#1d1d1b; text-align:left; text-align-last:auto; word-spacing:normal; padding-left:0pt; padding-right:0pt; text-indent:0pt; --sb:0pt; --sa:0pt; line-height:19.2pt; | |
Small Number List Description.cs-small-number-list-descriptionстр.: 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 19, 20, 21, 25 … |
Мал. 1 |
font-size:9pt; |
Small Number List Number.cs-small-number-list-numberстр.: 4, 8, 10, 11, 13, 14, 15, 16, 17, 18, 19, 20, 21, 30 … |
font-weight:600; font-size:9pt; |
Компоненты
Вырезаны из живых страниц; ширина — как во фрейме.
Заголовок главы
Chapter 1 · Oswald Bold 16 pt, ВЕРСАЛ, линейка 1 pt под строкой (рамка абзаца). Номер и название разделены табом. стр. 4
1.ВСТУП
разметка
<p class="ps-chapter-1 pborder-b has-tabs" data-p="0" style="--pb-y:4.264pt;--pb-w:1pt;--pb-c:#1d1d1b;--pb-l:0pt;--pb-r:0pt;--tabs:'28.346:LeftAlign:'" data-l="1">1.<span class="tab"></span>ВСТУП</p>
Заголовок раздела
Chapter 2 · Oswald Bold 11/13 pt, висячий номер 28.35 pt, отбивка до 17 pt, линейка снизу. стр. 9
5.1.1КОРПУС І КОКПІТ МОДЕЛІ 475 EVO DC
разметка
<p class="ps-chapter-2 pborder-b" data-p="1" style="--pb-y:3.768pt;--pb-w:1pt;--pb-c:#1d1d1b;--pb-l:0pt;--pb-r:0pt" data-l="1"><span class="hang" style="min-width:28.346pt">5.1.1</span>КОРПУС І КОКПІТ МОДЕЛІ 475 EVO DC</p>
Основной текст
Body 1 · Lato 10/13 pt, выключка по формату, отбивка до 14.17 pt. Межсловный --ws-justify. стр. 4
Шановний власнику моторного човна Finval! Дякуємо, що придбали човен нашого виробництва. Ми щиро сподіваємося, що його експлуатація принесе Вам задоволення.
разметка
<p class="ps-body-1" data-p="0" data-l="3">Шановний власнику моторного човна Finval! Дякуємо, що придбали човен нашого виробництва. Ми щиро сподіваємося, що його експлуатація принесе Вам задоволення.</p>
Предупреждение (информация)
Warning · иконка «i» — круглый фрейм с заливкой + буква. стр. 4
В останньому розділі цього посібника міститься інформація про гарантійні зобов’язання, які несе виробник човна. Ознайомтеся уважно з гарантійними умовами і строками для уникнення непорозумінь у процесі експлуатації.
разметка
<p class="ps-warning" data-p="4" data-l="4"><span class="hang" style="min-width:48.189pt"><span class="anch" style="width:34.016pt"><span class="anch-box" data-id="u4df6" style="width:34.016pt;height:34.016pt;bottom:-19.945pt"><svg class="shape" data-id="u4df7" viewBox="0 0 35.016 35.016" style="left:-0.5pt;top:-0.5pt;width:35.016pt;height:35.016pt"><path d="M34.516 34.516L0.500 34.516L0.500 0.500L34.516 0.500L34.516 34.516Z" fill="#ffffff"/></svg><span class="tf" data-id="u4df7" data-story="u4dfa" style="left:0pt;top:0pt;width:34.016pt;height:34.016pt"> <span class="p ps-no-paragraph-style has-tabs" data-p="0" style="font-weight:600;font-size:9pt;line-height:10.8pt;"><span class="cs-small-number-list-number"><span class="tab"></span></span></span> </span><svg class="shape" data-id="u4e0e" viewBox="0 0 24.386 24.386" style="left:4.815pt;top:4.815pt;width:24.386pt;height:24.386pt"><path d="M12.193 0.500C18.651 0.500 23.886 5.735 23.886 12.193C23.886 18.651 18.651 23.886 12.193 23.886C5.735 23.886 0.500 18.651 0.500 12.193C0.500 5.735 5.735 0.500 12.193 0.500ZM13.256 17.508C13.256 17.188 13.256 12.512 13.256 12.193C13.256 11.606 12.780 11.130 12.193 11.130C11.606 11.130 11.130 11.606 11.130 12.193C11.130 12.512 11.130 17.188 11.130 17.508C11.130 18.095 11.606 18.571 12.193 18.571C12.780 18.571 13.256 18.095 13.256 17.508ZM12.193 9.535C13.074 9.535 13.787 8.822 13.787 7.941C13.787 7.060 13.074 6.346 12.193 6.346C11.312 6.346 10.598 7.060 10.598 7.941C10.598 8.822 11.312 9.535 12.193 9.535Z" fill="#000000"/></svg><span class="tf" data-id="u4e0e" data-story="u4e11" style="left:5.315pt;top:5.315pt;width:23.386pt;height:23.386pt"> </span></span></span></span>В останньому розділі цього посібника міститься інформація про гарантійні зобов’язання, які несе виробник човна. Ознайомтеся уважно з гарантійними умовами і строками для уникнення непорозумінь у процесі експлуатації.</p>
Маркированный список
Маркер «•» в начале строки + таб к левому отступу (Bullets & Numbering InDesign). стр. 48
•ніс вашого човна підніметься, корма стане нижче;
разметка
<p class="ps-body-1 has-tabs" data-p="5" style="padding-left:11.339pt;text-indent:-11.339pt;--tabs:'11.339:LeftAlign:'" data-l="1"><span class="num">•</span><span class="tab"></span>ніс вашого човна підніметься, корма стане нижче;</p>
Легенда к рисунку (номер вправо)
List Under Schemes · номер Lato Semibold 9 выровнен вправо к началу строки, табы 14.17 / 19.84 pt. стр. 8
1-габаритна довжина човна
разметка
<p class="ps-body-1 has-tabs" data-p="0" style="font-size:9pt;text-align:left;text-align-last:auto;word-spacing:normal;padding-left:19.843pt;text-indent:-8.504pt;--sb:5.669pt;line-height:12pt;--tabs:'14.173:LeftAlign:;19.843:LeftAlign:;25.512:LeftAlign:;36.85:LeftAlign:'" data-l="2"><span class="num num--r cs-small-number-list-number"><span>1</span></span><span class="tab"></span><span class="cs-small-number-list-description">-<span class="tab"></span>габаритна довжина човна</span></p>
Строка характеристик
Таб вправо с заполнителем « . » (как в InDesign), Lato 9/11. стр. 6
Довжина4,72 м
разметка
<p class="ps-body-1 lead" data-p="0" style="font-size:9pt;--sb:2.835pt;line-height:11pt;"><span class="l">Довжина</span><span class="dots" style="--leader:' . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . '"></span><span class="r">4,72 м</span></p>
Оглавление — глава
TOC Big · Lato Bold 8/9, номер страницы прижат вправо, точки-заполнитель. стр. 3
1.ВСТУП2
разметка
<p class="ps-table-of-contents-3atoc-big lead has-tabs" data-p="0" style="--tabs:'13:LeftAlign:'"><span class="l">1.<span class="tab"></span>ВСТУП</span><span class="dots" style="--leader:' . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . '"></span><span class="r">2</span></p>
Оглавление — раздел
TOC Small · Lato 6.5/8, висячий номер раздела. стр. 3
5.1.1КОРПУС І КОКПІТ МОДЕЛІ 475 EVO DC7
разметка
<p class="ps-table-of-contents-3atoc-small lead has-tabs" data-p="5" style="--tabs:'36:LeftAlign:;191:LeftAlign:'"><span class="l" style="margin-left:-22.677pt">5.1.1<span class="tab"></span>КОРПУС І КОКПІТ МОДЕЛІ 475 EVO DC</span><span class="dots" style="--leader:' . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . '"></span><span class="r">7</span></p>
Таблица (перечень элементов)
Шапка — заливка 90% чёрного, текст Oswald 8.5/9 белый; строки — чередование заливки 10%; без линий. стр. 35
№ | Потужність | Призначення | Розташування |
1 | 5А | Трюмна помпа | Під консоллю водія |
2 | 5А | Таймер та помпа подачі води в аератор | Під консоллю водія |
3 | 5А | Ходові та стоянковий топовий вогні | Під консоллю водія |
4 | 5А | Примусове ввімкнення трюмної помпи | Під консоллю водія |
5 | 15А | Електричні розетки 12В | Під консоллю водія |
разметка
<table class="idml-table" style="width:345.827pt"><colgroup><col style="width:21.61pt"><col style="width:51.591pt"><col style="width:185.886pt"><col style="width:86.74pt"></colgroup><tr style="height:22.677pt"><td style="padding-top:0pt;padding-right:0pt;padding-bottom:2.835pt;padding-left:5.669pt;background:#343432;vertical-align:bottom"><p class="ps-table-of-contents-3atoc-small" data-p="0" style="font-family:'Oswald';font-size:8.5pt;text-transform:none;color:#ffffff;padding-left:0pt;text-indent:0pt;line-height:9pt;--dy:1.182pt"><span class="cs-small-number-list-number" style="font-family:'Oswald';font-weight:400;font-size:8.5pt">№</span></p></td><td style="padding-top:0pt;padding-right:0pt;padding-bottom:2.835pt;padding-left:5.669pt;background:#343432;vertical-align:bottom"><p class="ps-table-of-contents-3atoc-small" data-p="0" style="font-family:'Oswald';font-size:8.5pt;text-transform:none;color:#ffffff;padding-left:0pt;text-indent:0pt;line-height:9pt;--dy:1.182pt"><span class="cs-small-number-list-number" style="font-family:'Oswald';font-weight:400;font-size:8.5pt">Потужність</span></p></td><td style="padding-top:0pt;padding-right:0pt;padding-bottom:2.835pt;padding-left:5.669pt;background:#343432;vertical-align:bottom"><p class="ps-table-of-contents-3atoc-small" data-p="0" style="font-family:'Oswald';font-size:8.5pt;text-transform:none;color:#ffffff;padding-left:0pt;text-indent:0pt;line-height:9pt;--dy:1.182pt"><span class="cs-small-number-list-number" style="font-family:'Oswald';font-weight:400;font-size:8.5pt">Призначення</span></p></td><td style="padding-top:0pt;padding-right:0pt;padding-bottom:2.835pt;padding-left:5.669pt;background:#343432;vertical-align:bottom"><p class="ps-table-of-contents-3atoc-small" data-p="0" style="font-family:'Oswald';font-size:8.5pt;text-transform:none;color:#ffffff;padding-left:0pt;text-indent:0pt;line-height:9pt;--dy:1.182pt"><span class="cs-small-number-list-number" style="font-family:'Oswald';font-weight:400;font-size:8.5pt">Розташування</span></p></td></tr><tr style="height:19.843pt"><td style="padding-top:0pt;padding-right:0pt;padding-bottom:0pt;padding-left:5.669pt;vertical-align:top"><p class="ps-table-of-contents-3atoc-small" data-p="0" style="font-family:'Oswald';font-size:8.5pt;text-transform:none;padding-left:0pt;text-indent:0pt;line-height:9pt;--dy:1.182pt"><span class="cs-small-number-list-number" style="font-family:'Oswald';font-weight:400;font-size:8.5pt">1 </span></p></td><td style="padding-top:0pt;padd
Колонтитулы (мастер-страницы)
Мастер «A-Parent» — левая (чётная) страница
Колонтитул: линейка, логотип FINVAL слева, номер страницы по центру. Подставляется движком на каждую страницу с этим мастером — одинаково везде.
12
Мастер «A-Parent» — правая (нечётная) страница
Колонтитул: линейка, логотип Evo 475 справа, номер страницы по центру. Подставляется движком на каждую страницу с этим мастером — одинаково везде.
13
Типы страниц
Обложка
Полный вылет: узор лодок (02-Cover.ai) + плашка, логотип, Evo 475.
Оборот обложки / форзац
Узор лодок (03-Cover.ai) на весь лист.
Оглавление
Зміст: TOC Big / TOC Small, номера страниц вправо.
Глава: текст + предупреждения
Chapter 1, Body 1, Warning с иконками.
Чертёж + легенда
Схема .ai, подпись, легенда в 3 колонки, сноска.
Технические характеристики
Две колонки строк с заполнителем, сноски, сертификат.
Схема электрики + таблица
Чертёж + таблица перечня элементов.
Инструкция в картинках
Иллюстрации с подписями, короткий текст.
Текст с обтеканием
Рисунок с обтеканием (TextWrap) внутри текста.
