Files
BarevClub/docs/design/logos/index.html
T
2026-10-25 22:55:29 +04:00

202 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html><html lang="ru"><head><meta charset="utf-8"><title>Barev Club — логотипы</title>
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700;800&family=Noto+Sans+Armenian:wght@700&display=swap" rel="stylesheet">
<style>
body{margin:0;padding:40px;background:#FBF6EE;font-family:Rubik,system-ui;color:#1E1B1A}
h1{margin:0 0 6px;font-size:40px;color:#4A1028} p.lead{margin:0 0 28px;color:#6b6460;max-width:70ch}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{background:#fff;border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:16px}
.head b{display:block;font-size:22px;color:#4A1028} .head span{font-size:14px;color:#6b6460;line-height:1.45}
.light svg{width:100%;height:auto;max-width:440px}
.row{display:flex;gap:12px;align-items:center}
.dark{flex:1;background:#4A1028;border-radius:20px;padding:16px 18px} .dark svg{width:100%;height:auto}
.sizes{display:flex;align-items:flex-end;gap:10px} .sizes>div:first-child{width:96px} .sizes svg{width:100%;height:auto;display:block}
</style></head><body>
<h1>Barev Club — 6 вариантов логотипа</h1>
<p class="lead">Каждый вариант: знак + надпись, версия для тёмного фона и знак в размерах 120, 64, 32 и 16 px — последние два показывают, как он будет выглядеть во вкладке браузера и в аватарке бота.</p>
<div class="grid">
<section class="card">
<div class="head"><b>1. Пузырь «B»</b><span>Клуб живёт в чате Telegram: знак — сообщение, буква B — «Barev», привет.</span></div>
<div class="light"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<path d="M38 10H82A28 28 0 0 1 110 38V64A28 28 0 0 1 82 92H54L28 112V92A28 28 0 0 1 10 64V38A28 28 0 0 1 38 10Z" fill="#4A1028"/>
<text x="60" y="73" text-anchor="middle" font-family="Rubik" font-weight="800" font-size="58" fill="#F6C3D3">B</text></g><text x="140" y="78" font-family="Rubik" font-weight="800" font-size="50" letter-spacing="0" fill="#4A1028">Barev Club</text></svg></div>
<div class="row">
<div class="dark"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<path d="M38 10H82A28 28 0 0 1 110 38V64A28 28 0 0 1 82 92H54L28 112V92A28 28 0 0 1 10 64V38A28 28 0 0 1 38 10Z" fill="#F6C3D3"/>
<text x="60" y="73" text-anchor="middle" font-family="Rubik" font-weight="800" font-size="58" fill="#4A1028">B</text></g><text x="140" y="78" font-family="Rubik" font-weight="800" font-size="50" letter-spacing="0" fill="#FBF6EE">Barev Club</text></svg></div>
<div class="sizes">
<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M38 10H82A28 28 0 0 1 110 38V64A28 28 0 0 1 82 92H54L28 112V92A28 28 0 0 1 10 64V38A28 28 0 0 1 38 10Z" fill="#4A1028"/>
<text x="60" y="73" text-anchor="middle" font-family="Rubik" font-weight="800" font-size="58" fill="#F6C3D3">B</text></svg></div>
<div style="width:64px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M38 10H82A28 28 0 0 1 110 38V64A28 28 0 0 1 82 92H54L28 112V92A28 28 0 0 1 10 64V38A28 28 0 0 1 38 10Z" fill="#4A1028"/>
<text x="60" y="73" text-anchor="middle" font-family="Rubik" font-weight="800" font-size="58" fill="#F6C3D3">B</text></svg></div>
<div style="width:32px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M38 10H82A28 28 0 0 1 110 38V64A28 28 0 0 1 82 92H54L28 112V92A28 28 0 0 1 10 64V38A28 28 0 0 1 38 10Z" fill="#4A1028"/>
<text x="60" y="73" text-anchor="middle" font-family="Rubik" font-weight="800" font-size="58" fill="#F6C3D3">B</text></svg></div>
<div style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M38 10H82A28 28 0 0 1 110 38V64A28 28 0 0 1 82 92H54L28 112V92A28 28 0 0 1 10 64V38A28 28 0 0 1 38 10Z" fill="#4A1028"/>
<text x="60" y="73" text-anchor="middle" font-family="Rubik" font-weight="800" font-size="58" fill="#F6C3D3">B</text></svg></div>
</div>
</div>
</section>
<section class="card">
<div class="head"><b>2. Дом с замочной скважиной</b><span>«Ереван — как дома. С первого дня»: дом и ключ от агентства, которое привело клиента.</span></div>
<div class="light"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<path d="M54 14.5Q60 9.5 66 14.5L104 46Q110 51 110 59V100Q110 110 100 110H20Q10 110 10 100V59Q10 51 16 46Z" fill="#4A1028"/>
<circle cx="60" cy="62" r="13" fill="#F6C3D3"/>
<path d="M53 68H67L71 96Q71.5 99 68.5 99H51.5Q48.5 99 49 96Z" fill="#F6C3D3"/></g><text x="140" y="78" font-family="Rubik" font-weight="700" font-size="50" letter-spacing="0" fill="#4A1028">Barev Club</text></svg></div>
<div class="row">
<div class="dark"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<path d="M54 14.5Q60 9.5 66 14.5L104 46Q110 51 110 59V100Q110 110 100 110H20Q10 110 10 100V59Q10 51 16 46Z" fill="#F6C3D3"/>
<circle cx="60" cy="62" r="13" fill="#4A1028"/>
<path d="M53 68H67L71 96Q71.5 99 68.5 99H51.5Q48.5 99 49 96Z" fill="#4A1028"/></g><text x="140" y="78" font-family="Rubik" font-weight="700" font-size="50" letter-spacing="0" fill="#FBF6EE">Barev Club</text></svg></div>
<div class="sizes">
<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M54 14.5Q60 9.5 66 14.5L104 46Q110 51 110 59V100Q110 110 100 110H20Q10 110 10 100V59Q10 51 16 46Z" fill="#4A1028"/>
<circle cx="60" cy="62" r="13" fill="#F6C3D3"/>
<path d="M53 68H67L71 96Q71.5 99 68.5 99H51.5Q48.5 99 49 96Z" fill="#F6C3D3"/></svg></div>
<div style="width:64px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M54 14.5Q60 9.5 66 14.5L104 46Q110 51 110 59V100Q110 110 100 110H20Q10 110 10 100V59Q10 51 16 46Z" fill="#4A1028"/>
<circle cx="60" cy="62" r="13" fill="#F6C3D3"/>
<path d="M53 68H67L71 96Q71.5 99 68.5 99H51.5Q48.5 99 49 96Z" fill="#F6C3D3"/></svg></div>
<div style="width:32px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M54 14.5Q60 9.5 66 14.5L104 46Q110 51 110 59V100Q110 110 100 110H20Q10 110 10 100V59Q10 51 16 46Z" fill="#4A1028"/>
<circle cx="60" cy="62" r="13" fill="#F6C3D3"/>
<path d="M53 68H67L71 96Q71.5 99 68.5 99H51.5Q48.5 99 49 96Z" fill="#F6C3D3"/></svg></div>
<div style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M54 14.5Q60 9.5 66 14.5L104 46Q110 51 110 59V100Q110 110 100 110H20Q10 110 10 100V59Q10 51 16 46Z" fill="#4A1028"/>
<circle cx="60" cy="62" r="13" fill="#F6C3D3"/>
<path d="M53 68H67L71 96Q71.5 99 68.5 99H51.5Q48.5 99 49 96Z" fill="#F6C3D3"/></svg></div>
</div>
</div>
</section>
<section class="card">
<div class="head"><b>3. Абрикос с галочкой</b><span>Абрикос — символ Армении, галочка — из нынешнего логотипа: «сделано, можно не волноваться».</span></div>
<div class="light"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<path d="M60 26C88 26 108 46 108 72C108 96 88 112 60 112C32 112 12 96 12 72C12 46 32 26 60 26Z" fill="#F4A259"/>
<path d="M60 28C60 18 64 10 72 6" stroke="#4A1028" stroke-width="6" stroke-linecap="round" fill="none"/>
<path d="M66 18C74 6 92 4 100 10C94 22 78 26 66 18Z" fill="#A8C38A"/>
<path d="M38 70L53 85L83 55" stroke="#4A1028" stroke-width="11" stroke-linecap="round" stroke-linejoin="round" fill="none"/></g><text x="140" y="78" font-family="Rubik" font-weight="800" font-size="50" letter-spacing="-1" fill="#4A1028">barev club</text></svg></div>
<div class="row">
<div class="dark"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<path d="M60 26C88 26 108 46 108 72C108 96 88 112 60 112C32 112 12 96 12 72C12 46 32 26 60 26Z" fill="#F4A259"/>
<path d="M60 28C60 18 64 10 72 6" stroke="#4A1028" stroke-width="6" stroke-linecap="round" fill="none"/>
<path d="M66 18C74 6 92 4 100 10C94 22 78 26 66 18Z" fill="#A8C38A"/>
<path d="M38 70L53 85L83 55" stroke="#4A1028" stroke-width="11" stroke-linecap="round" stroke-linejoin="round" fill="none"/></g><text x="140" y="78" font-family="Rubik" font-weight="800" font-size="50" letter-spacing="-1" fill="#FBF6EE">barev club</text></svg></div>
<div class="sizes">
<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M60 26C88 26 108 46 108 72C108 96 88 112 60 112C32 112 12 96 12 72C12 46 32 26 60 26Z" fill="#F4A259"/>
<path d="M60 28C60 18 64 10 72 6" stroke="#4A1028" stroke-width="6" stroke-linecap="round" fill="none"/>
<path d="M66 18C74 6 92 4 100 10C94 22 78 26 66 18Z" fill="#A8C38A"/>
<path d="M38 70L53 85L83 55" stroke="#4A1028" stroke-width="11" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></div>
<div style="width:64px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M60 26C88 26 108 46 108 72C108 96 88 112 60 112C32 112 12 96 12 72C12 46 32 26 60 26Z" fill="#F4A259"/>
<path d="M60 28C60 18 64 10 72 6" stroke="#4A1028" stroke-width="6" stroke-linecap="round" fill="none"/>
<path d="M66 18C74 6 92 4 100 10C94 22 78 26 66 18Z" fill="#A8C38A"/>
<path d="M38 70L53 85L83 55" stroke="#4A1028" stroke-width="11" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></div>
<div style="width:32px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M60 26C88 26 108 46 108 72C108 96 88 112 60 112C32 112 12 96 12 72C12 46 32 26 60 26Z" fill="#F4A259"/>
<path d="M60 28C60 18 64 10 72 6" stroke="#4A1028" stroke-width="6" stroke-linecap="round" fill="none"/>
<path d="M66 18C74 6 92 4 100 10C94 22 78 26 66 18Z" fill="#A8C38A"/>
<path d="M38 70L53 85L83 55" stroke="#4A1028" stroke-width="11" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></div>
<div style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<path d="M60 26C88 26 108 46 108 72C108 96 88 112 60 112C32 112 12 96 12 72C12 46 32 26 60 26Z" fill="#F4A259"/>
<path d="M60 28C60 18 64 10 72 6" stroke="#4A1028" stroke-width="6" stroke-linecap="round" fill="none"/>
<path d="M66 18C74 6 92 4 100 10C94 22 78 26 66 18Z" fill="#A8C38A"/>
<path d="M38 70L53 85L83 55" stroke="#4A1028" stroke-width="11" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></div>
</div>
</div>
</section>
<section class="card">
<div class="head"><b>4. Арарат</b><span>Две вершины, Масис и Сис, которые видно из Еревана, и солнце за ними. Знак про город и новый старт, а не про услугу.</span></div>
<div class="light"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<circle cx="84" cy="52" r="20" fill="#B8235A"/>
<path d="M4 104L46 34Q52 25 58 34L76 62L84 52Q88 47 92 52L116 104Q118 108 114 108H6Q2 108 4 104Z" fill="#4A1028"/>
<path d="M38 47L46 34Q52 25 58 34L66 47L59 52L52 46L45 52Z" fill="#FBF6EE"/>
<path d="M79 58L84 52Q88 47 92 52L97 58L91 61L88 58L84 61Z" fill="#FBF6EE"/></g><text x="140" y="78" font-family="Rubik" font-weight="700" font-size="44" letter-spacing="1" fill="#4A1028">BAREV CLUB</text></svg></div>
<div class="row">
<div class="dark"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<circle cx="84" cy="52" r="20" fill="#B8235A"/>
<path d="M4 104L46 34Q52 25 58 34L76 62L84 52Q88 47 92 52L116 104Q118 108 114 108H6Q2 108 4 104Z" fill="#F6C3D3"/>
<path d="M38 47L46 34Q52 25 58 34L66 47L59 52L52 46L45 52Z" fill="#FBF6EE"/>
<path d="M79 58L84 52Q88 47 92 52L97 58L91 61L88 58L84 61Z" fill="#FBF6EE"/></g><text x="140" y="78" font-family="Rubik" font-weight="700" font-size="44" letter-spacing="1" fill="#FBF6EE">BAREV CLUB</text></svg></div>
<div class="sizes">
<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<circle cx="84" cy="52" r="20" fill="#B8235A"/>
<path d="M4 104L46 34Q52 25 58 34L76 62L84 52Q88 47 92 52L116 104Q118 108 114 108H6Q2 108 4 104Z" fill="#4A1028"/>
<path d="M38 47L46 34Q52 25 58 34L66 47L59 52L52 46L45 52Z" fill="#FBF6EE"/>
<path d="M79 58L84 52Q88 47 92 52L97 58L91 61L88 58L84 61Z" fill="#FBF6EE"/></svg></div>
<div style="width:64px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<circle cx="84" cy="52" r="20" fill="#B8235A"/>
<path d="M4 104L46 34Q52 25 58 34L76 62L84 52Q88 47 92 52L116 104Q118 108 114 108H6Q2 108 4 104Z" fill="#4A1028"/>
<path d="M38 47L46 34Q52 25 58 34L66 47L59 52L52 46L45 52Z" fill="#FBF6EE"/>
<path d="M79 58L84 52Q88 47 92 52L97 58L91 61L88 58L84 61Z" fill="#FBF6EE"/></svg></div>
<div style="width:32px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<circle cx="84" cy="52" r="20" fill="#B8235A"/>
<path d="M4 104L46 34Q52 25 58 34L76 62L84 52Q88 47 92 52L116 104Q118 108 114 108H6Q2 108 4 104Z" fill="#4A1028"/>
<path d="M38 47L46 34Q52 25 58 34L66 47L59 52L52 46L45 52Z" fill="#FBF6EE"/>
<path d="M79 58L84 52Q88 47 92 52L97 58L91 61L88 58L84 61Z" fill="#FBF6EE"/></svg></div>
<div style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<circle cx="84" cy="52" r="20" fill="#B8235A"/>
<path d="M4 104L46 34Q52 25 58 34L76 62L84 52Q88 47 92 52L116 104Q118 108 114 108H6Q2 108 4 104Z" fill="#4A1028"/>
<path d="M38 47L46 34Q52 25 58 34L66 47L59 52L52 46L45 52Z" fill="#FBF6EE"/>
<path d="M79 58L84 52Q88 47 92 52L97 58L91 61L88 58L84 61Z" fill="#FBF6EE"/></svg></div>
</div>
</div>
</section>
<section class="card">
<div class="head"><b>5. Гранат с короной</b><span>Гранат — армянский символ изобилия; пять зубцов короны — пять языков клуба.</span></div>
<div class="light"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<circle cx="60" cy="70" r="42" fill="#B8235A"/>
<path d="M36 34L38 17Q39 13 42 16L48 23L57 9Q60 5 63 9L72 23L78 16Q81 13 82 17L84 34Z" fill="#4A1028" stroke="#4A1028" stroke-width="4" stroke-linejoin="round"/>
</g><text x="140" y="78" font-family="Rubik" font-weight="800" font-size="50" letter-spacing="0" fill="#4A1028">Barev Club</text></svg></div>
<div class="row">
<div class="dark"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<circle cx="60" cy="70" r="42" fill="#B8235A"/>
<path d="M36 34L38 17Q39 13 42 16L48 23L57 9Q60 5 63 9L72 23L78 16Q81 13 82 17L84 34Z" fill="#F6C3D3" stroke="#F6C3D3" stroke-width="4" stroke-linejoin="round"/>
</g><text x="140" y="78" font-family="Rubik" font-weight="800" font-size="50" letter-spacing="0" fill="#FBF6EE">Barev Club</text></svg></div>
<div class="sizes">
<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<circle cx="60" cy="70" r="42" fill="#B8235A"/>
<path d="M36 34L38 17Q39 13 42 16L48 23L57 9Q60 5 63 9L72 23L78 16Q81 13 82 17L84 34Z" fill="#4A1028" stroke="#4A1028" stroke-width="4" stroke-linejoin="round"/>
</svg></div>
<div style="width:64px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<circle cx="60" cy="70" r="42" fill="#B8235A"/>
<path d="M36 34L38 17Q39 13 42 16L48 23L57 9Q60 5 63 9L72 23L78 16Q81 13 82 17L84 34Z" fill="#4A1028" stroke="#4A1028" stroke-width="4" stroke-linejoin="round"/>
</svg></div>
<div style="width:32px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<circle cx="60" cy="70" r="42" fill="#B8235A"/>
<path d="M36 34L38 17Q39 13 42 16L48 23L57 9Q60 5 63 9L72 23L78 16Q81 13 82 17L84 34Z" fill="#4A1028" stroke="#4A1028" stroke-width="4" stroke-linejoin="round"/>
</svg></div>
<div style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<circle cx="60" cy="70" r="42" fill="#B8235A"/>
<path d="M36 34L38 17Q39 13 42 16L48 23L57 9Q60 5 63 9L72 23L78 16Q81 13 82 17L84 34Z" fill="#4A1028" stroke="#4A1028" stroke-width="4" stroke-linejoin="round"/>
</svg></div>
</div>
</div>
</section>
<section class="card">
<div class="head"><b>6. Монограмма «Բ»</b><span>«Բ» — первая буква армянского «Բարև» (Barev, «привет»): имя клуба на языке города.</span></div>
<div class="light"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<rect x="6" y="6" width="108" height="108" rx="34" fill="#4A1028"/>
<text x="60" y="94" text-anchor="middle" font-family="Noto Sans Armenian" font-weight="700" font-size="92" fill="#F6C3D3">Բ</text></g><text x="140" y="78" font-family="Rubik" font-weight="700" font-size="50" letter-spacing="0" fill="#4A1028">Barev Club</text></svg></div>
<div class="row">
<div class="dark"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" width="480" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style><g>
<rect x="6" y="6" width="108" height="108" rx="34" fill="#F6C3D3"/>
<text x="60" y="94" text-anchor="middle" font-family="Noto Sans Armenian" font-weight="700" font-size="92" fill="#4A1028">Բ</text></g><text x="140" y="78" font-family="Rubik" font-weight="700" font-size="50" letter-spacing="0" fill="#FBF6EE">Barev Club</text></svg></div>
<div class="sizes">
<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<rect x="6" y="6" width="108" height="108" rx="34" fill="#4A1028"/>
<text x="60" y="94" text-anchor="middle" font-family="Noto Sans Armenian" font-weight="700" font-size="92" fill="#F6C3D3">Բ</text></svg></div>
<div style="width:64px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<rect x="6" y="6" width="108" height="108" rx="34" fill="#4A1028"/>
<text x="60" y="94" text-anchor="middle" font-family="Noto Sans Armenian" font-weight="700" font-size="92" fill="#F6C3D3">Բ</text></svg></div>
<div style="width:32px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<rect x="6" y="6" width="108" height="108" rx="34" fill="#4A1028"/>
<text x="60" y="94" text-anchor="middle" font-family="Noto Sans Armenian" font-weight="700" font-size="92" fill="#F6C3D3">Բ</text></svg></div>
<div style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="120" height="120"><style>@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@700;800&amp;family=Noto+Sans+Armenian:wght@700&amp;display=swap");</style>
<rect x="6" y="6" width="108" height="108" rx="34" fill="#4A1028"/>
<text x="60" y="94" text-anchor="middle" font-family="Noto Sans Armenian" font-weight="700" font-size="92" fill="#F6C3D3">Բ</text></svg></div>
</div>
</div>
</section></div></body></html>