45 lines
9.3 KiB
XML
45 lines
9.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="1080" viewBox="0 0 1440 1080">
|
||
<rect width="1440" height="1080" fill="#F3EAD7"/>
|
||
<g id="title"><text x="56" y="72" font-family="Georgia, serif" font-size="36" fill="#302A23">KRONA UI — базовые компоненты</text><text x="56" y="104" font-family="Arial, sans-serif" font-size="15" fill="#756A5B">Parchment Light · 4 px grid · semantic tokens</text></g>
|
||
<g id="buttons" transform="translate(56 150)">
|
||
<text y="0" font-family="Arial" font-size="18" font-weight="700" fill="#302A23">Buttons</text>
|
||
<g transform="translate(0 28)"><rect width="142" height="44" rx="10" fill="#9A743D"/><text x="71" y="28" text-anchor="middle" font-family="Arial" font-size="14" font-weight="700" fill="#FCF8EF">Основная</text></g>
|
||
<g transform="translate(158 28)"><rect width="142" height="44" rx="10" fill="#F8F2E6" stroke="#D9C9AC"/><text x="71" y="28" text-anchor="middle" font-family="Arial" font-size="14" font-weight="700" fill="#302A23">Вторичная</text></g>
|
||
<g transform="translate(316 28)"><rect width="142" height="44" rx="10" fill="#B78335"/><text x="71" y="28" text-anchor="middle" font-family="Arial" font-size="14" font-weight="700" fill="#FCF8EF">✦ KRONA AI</text></g>
|
||
<g transform="translate(474 28)"><rect width="142" height="44" rx="10" fill="#F1DDD5"/><text x="71" y="28" text-anchor="middle" font-family="Arial" font-size="14" font-weight="700" fill="#A44E3F">Удалить</text></g>
|
||
</g>
|
||
<g id="inputs" transform="translate(56 268)">
|
||
<text font-family="Arial" font-size="18" font-weight="700" fill="#302A23">Inputs</text>
|
||
<g transform="translate(0 28)"><text y="0" font-family="Arial" font-size="12" fill="#756A5B">Название</text><rect y="10" width="340" height="46" rx="10" fill="#FCF8EF" stroke="#D9C9AC"/><text x="16" y="39" font-family="Arial" font-size="14" fill="#9A8E7D">Введите значение…</text></g>
|
||
<g transform="translate(364 28)"><text y="0" font-family="Arial" font-size="12" fill="#756A5B">Фокус</text><rect y="10" width="340" height="46" rx="10" fill="#FCF8EF" stroke="#9A743D" stroke-width="2"/><text x="16" y="39" font-family="Arial" font-size="14" fill="#302A23">Иван Петров</text></g>
|
||
</g>
|
||
<g id="module-tabs" transform="translate(56 402)">
|
||
<text font-family="Arial" font-size="18" font-weight="700" fill="#302A23">Module tabs</text>
|
||
<g transform="translate(0 26)"><rect width="720" height="58" rx="12" fill="#F8F2E6" stroke="#E5D8C0"/><text x="24" y="35" font-family="Arial" font-size="15" font-weight="700" fill="#684923">Мессенджеры</text><rect x="20" y="53" width="120" height="3" rx="2" fill="#9A743D"/><text x="174" y="35" font-family="Arial" font-size="15" fill="#756A5B">Email</text><text x="266" y="35" font-family="Arial" font-size="15" fill="#756A5B">Каналы</text><text x="366" y="35" font-family="Arial" font-size="15" fill="#756A5B">Контакты</text><text x="478" y="35" font-family="Arial" font-size="15" fill="#756A5B">Настройки</text></g>
|
||
</g>
|
||
<g id="channel-switcher" transform="translate(56 526)">
|
||
<text font-family="Arial" font-size="18" font-weight="700" fill="#302A23">Channel switcher</text>
|
||
<g transform="translate(0 26)" font-family="Arial" font-size="14"><rect width="92" height="40" rx="20" fill="#E2D0AD"/><text x="18" y="25" fill="#302A23">Все</text><circle cx="68" cy="20" r="14" fill="#9A743D"/><text x="68" y="25" text-anchor="middle" fill="#FFF">22</text><rect x="104" width="132" height="40" rx="20" fill="#F8F2E6" stroke="#D9C9AC"/><circle cx="126" cy="20" r="11" fill="#229ED9"/><text x="145" y="25" fill="#302A23">Telegram</text><rect x="248" width="116" height="40" rx="20" fill="#F8F2E6" stroke="#D9C9AC"/><circle cx="270" cy="20" r="11" fill="#25D366"/><text x="289" y="25" fill="#302A23">WhatsApp</text><rect x="376" width="122" height="40" rx="20" fill="#F8F2E6" stroke="#D9C9AC"/><text x="398" y="25" fill="#302A23">＋ Подключить</text></g>
|
||
</g>
|
||
<g id="chat-item" transform="translate(56 650)">
|
||
<text font-family="Arial" font-size="18" font-weight="700" fill="#302A23">Chat item</text>
|
||
<g transform="translate(0 26)"><rect width="390" height="78" rx="12" fill="#DCE5D7"/><rect width="4" height="78" rx="2" fill="#315F46"/><circle cx="44" cy="39" r="24" fill="#E9DDC5"/><text x="44" y="45" text-anchor="middle" font-family="Arial" font-weight="700" fill="#315F46">ИП</text><text x="82" y="30" font-family="Arial" font-size="15" font-weight="700" fill="#302A23">Иван Петров</text><text x="82" y="53" font-family="Arial" font-size="13" fill="#756A5B">Да, можем. Сейчас отправлю…</text><text x="344" y="26" font-family="Arial" font-size="12" fill="#756A5B">12:41</text><circle cx="355" cy="53" r="13" fill="#315F46"/><text x="355" y="58" text-anchor="middle" font-family="Arial" font-size="12" fill="#FFF">2</text></g>
|
||
</g>
|
||
<g id="message-bubbles" transform="translate(500 650)">
|
||
<text font-family="Arial" font-size="18" font-weight="700" fill="#302A23">Message bubbles</text>
|
||
<g transform="translate(0 26)"><rect width="360" height="72" rx="14" fill="#FCF8EF" stroke="#E5D8C0"/><text x="18" y="29" font-family="Arial" font-size="14" fill="#302A23">Здравствуйте! Интересует новый прайс.</text><text x="320" y="57" font-family="Arial" font-size="11" fill="#756A5B">12:17</text><rect x="130" y="88" width="360" height="72" rx="14" fill="#DCE5D7"/><text x="148" y="117" font-family="Arial" font-size="14" fill="#302A23">Добрый день! Сейчас всё отправлю.</text><text x="448" y="145" font-family="Arial" font-size="11" fill="#756A5B">12:19 ✓✓</text></g>
|
||
</g>
|
||
<g id="composer" transform="translate(56 850)">
|
||
<text font-family="Arial" font-size="18" font-weight="700" fill="#302A23">Message composer</text>
|
||
<g transform="translate(0 26)"><rect width="804" height="58" rx="14" fill="#FCF8EF" stroke="#D9C9AC"/><text x="20" y="36" font-family="Arial" font-size="23" fill="#756A5B">⌕</text><text x="58" y="35" font-family="Arial" font-size="14" fill="#9A8E7D">Написать сообщение…</text><text x="632" y="36" font-family="Arial" font-size="18" fill="#B78335">✦</text><text x="678" y="36" font-family="Arial" font-size="19" fill="#756A5B">☺</text><text x="724" y="36" font-family="Arial" font-size="19" fill="#756A5B">♩</text><rect x="750" y="7" width="46" height="44" rx="11" fill="#315F46"/><text x="773" y="36" text-anchor="middle" font-family="Arial" font-size="20" fill="#FFF">➤</text></g>
|
||
</g>
|
||
<g id="contact-card" transform="translate(930 150)">
|
||
<text font-family="Arial" font-size="18" font-weight="700" fill="#302A23">Contact card</text>
|
||
<rect y="28" width="430" height="690" rx="16" fill="#F8F2E6" stroke="#E5D8C0"/>
|
||
<circle cx="68" cy="94" r="38" fill="#E9DDC5"/><text x="68" y="103" text-anchor="middle" font-family="Arial" font-size="23" font-weight="700" fill="#315F46">ИП</text><text x="126" y="82" font-family="Georgia" font-size="24" fill="#302A23">Иван Петров</text><text x="126" y="108" font-family="Arial" font-size="14" fill="#756A5B">ООО «Альфа» · Директор</text>
|
||
<rect x="126" y="126" width="82" height="28" rx="14" fill="#E1E6D8"/><text x="167" y="145" text-anchor="middle" font-family="Arial" font-size="12" fill="#657255">● Клиент</text><rect x="218" y="126" width="58" height="28" rx="14" fill="#EFE0C2"/><text x="247" y="145" text-anchor="middle" font-family="Arial" font-size="12" fill="#805923">◆ VIP</text>
|
||
<line x1="22" y1="178" x2="408" y2="178" stroke="#E5D8C0"/><text x="24" y="211" font-family="Arial" font-size="14" font-weight="700" fill="#302A23">Каналы контакта</text><text x="24" y="246" font-family="Arial" font-size="14" fill="#302A23">Telegram @ivan_petrov</text><text x="24" y="278" font-family="Arial" font-size="14" fill="#302A23">WhatsApp +7 900 123-45-67</text><text x="24" y="310" font-family="Arial" font-size="14" fill="#302A23">Email ivan@alfa.ru</text>
|
||
<rect x="20" y="344" width="390" height="116" rx="12" fill="#FCF8EF" stroke="#E5D8C0"/><text x="38" y="375" font-family="Arial" font-size="14" font-weight="700" fill="#B78335">✦ AI-сводка</text><text x="38" y="402" font-family="Arial" font-size="13" fill="#756A5B">Общение длится 47 дней.</text><text x="38" y="424" font-family="Arial" font-size="13" fill="#756A5B">Клиент настроен позитивно.</text><text x="38" y="446" font-family="Arial" font-size="13" fill="#756A5B">Рекомендуется оперативный ответ.</text>
|
||
<text x="24" y="500" font-family="Arial" font-size="14" font-weight="700" fill="#302A23">Действия</text><rect x="20" y="520" width="390" height="44" rx="10" fill="#315F46"/><text x="215" y="548" text-anchor="middle" font-family="Arial" font-size="14" font-weight="700" fill="#FFF">Ответить</text><rect x="20" y="576" width="185" height="42" rx="10" fill="#FCF8EF" stroke="#D9C9AC"/><text x="112" y="602" text-anchor="middle" font-family="Arial" font-size="13" fill="#302A23">Создать задачу</text><rect x="225" y="576" width="185" height="42" rx="10" fill="#FCF8EF" stroke="#D9C9AC"/><text x="317" y="602" text-anchor="middle" font-family="Arial" font-size="13" fill="#302A23">Создать сделку</text>
|
||
</g>
|
||
</svg>
|