feat: add more logo variations

assets/scss/_styles_project.scss

@@ -236,11 +236,7 @@ a.nav-link.sp-coming-soon::after {
   color: $white
 }
 
-.sp-docs-logoblock-card ul {
-  margin-bottom: 1rem;
-}
-
-.sp-docs-logoblock-card h4 {
+.sp-docs-logoblock-card h3 {
   margin-top: 1rem;
 }
 
@@ -251,5 +247,9 @@ a.nav-link.sp-coming-soon::after {
 }
 
 .sp-docs-logoblock img {
-  width: 24rem;
+  width: 16rem;
+}
+
+.sp-docs-logoblock-card {
+  margin: 2rem 0 3rem 0;
 }

content/ru/docs/Branding/_index.md

@@ -14,14 +14,24 @@ date: 2024-01-26
 * [Figma](https://www.figma.com/community/file/1035203688168086460)
 
 ## Логотип
-{{% docs-logoblock "logo.svg" "#30312C" Основной %}}
-#### Где использовать
+{{% docs-logoblock "logo.svg" "#30312C" Основной цветной%}}
 * Шапка сайта
 {{% /docs-logoblock %}}
 
-{{% docs-logoblock "logo_hor_bw.svg" "#d3d3d3" Чёрно-белый %}}{{% /docs-logoblock %}}
+{{% docs-logoblock "logo_hor_bw.svg" "#d3d3d3" "Основной чёрно-белый" %}}{{% /docs-logoblock %}}
+
+{{% docs-logoblock "logo_compact.svg" "#30312C" "Компактный цветной" %}}{{% /docs-logoblock %}}
+
+{{% docs-logoblock "logo_compact_bw.svg" "#d3d3d3" "Компактный чёрно-белый" %}}{{% /docs-logoblock %}}
+
+{{% docs-logoblock "logo_round.svg" "#d3d3d3" "Цветной в круге" %}}
+* Аватарки в социальных сетях
+{{% /docs-logoblock %}}
+
+{{% docs-logoblock "logo_squared.svg" "#d3d3d3" "Цветной в квадрате" %}}
+* Аватарки в социальных сетях
+{{% /docs-logoblock %}}
 
-* Лого компактный
 * Лого маленький
 
 ## Основные цвета

content/ru/docs/Branding/logo_compact.svg

@@ -0,0 +1,16 @@
+<svg width="180" height="110" viewBox="0 0 180 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M166.2 79.2998C166.2 74.1998 160.8 70.3998 155.4 73.2998C154.4 73.7998 153.6 74.5998 153.1 75.5998C150.8 79.8998 152.8 84.1998 156.3 85.7998L153.7 96.8998H164.6L162 85.6998C164.5 84.5998 166.2 82.0998 166.2 79.2998Z" fill="#FFDD00"/>
+<path d="M134.8 0H0V63.6L45.4 109H180V45.2L134.8 0ZM164.7 96.8H153.8L156.4 85.7C152.9 84.2 150.9 79.8 153.2 75.5C153.7 74.5 154.5 73.8 155.5 73.2C160.9 70.3 166.3 74.1 166.3 79.2C166.3 82.1 164.6 84.5 162.1 85.6L164.7 96.8Z" fill="#404548"/>
+<path d="M49.7999 16.5004C49.0999 15.6004 48.0999 14.8004 46.9999 14.3004C45.8999 13.7004 44.4999 13.4004 43.0999 13.4004C41.7999 13.4004 40.5999 13.6004 39.3999 14.1004C38.2999 14.6004 37.2999 15.2004 36.4999 16.1004C35.6999 16.9004 35.0999 17.9004 34.5999 19.1004C34.1999 20.2004 33.8999 21.5004 33.8999 22.8004C33.8999 24.2004 34.1999 25.5004 34.6999 26.7004C35.1999 27.9004 35.8999 28.8004 36.7999 29.7004C37.6999 30.5004 38.6999 31.2004 39.7999 31.6004C40.8999 32.0004 42.1999 32.3004 43.4999 32.3004C45.1999 32.3004 46.6999 31.9004 47.9999 31.2004C49.2999 30.5004 50.3999 29.5004 51.1999 28.4004L51.7999 27.6004L49.5999 26.0004L48.9999 26.7004C48.3999 27.5004 47.5999 28.2004 46.5999 28.7004C45.6999 29.2004 44.5999 29.5004 43.4999 29.5004C42.5999 29.5004 41.6999 29.3004 40.8999 29.0004C40.0999 28.7004 39.3999 28.3004 38.7999 27.7004C38.1999 27.1004 37.6999 26.4004 37.2999 25.6004C36.9999 25.1004 36.8999 24.5004 36.7999 23.8004H51.8999V22.7004C51.8999 21.6004 51.6999 20.5004 51.3999 19.4004C51.0999 18.5004 50.5999 17.4004 49.7999 16.5004ZM36.8999 21.4004C36.9999 20.8004 37.0999 20.3004 37.3999 19.8004C37.6999 19.0004 38.1999 18.3004 38.6999 17.8004C39.2999 17.2004 39.8999 16.8004 40.6999 16.5004C42.1999 15.9004 44.2999 15.9004 45.6999 16.6004C46.3999 17.0004 47.0999 17.4004 47.5999 18.0004C48.0999 18.6004 48.4999 19.3004 48.7999 20.0004C48.9999 20.5004 49.0999 20.9004 49.1999 21.4004H36.8999Z" fill="#FFDD00"/>
+<path d="M57.1 6.2002H54.5V31.8002H57.1V6.2002Z" fill="#FFDD00"/>
+<path d="M62.9999 7.6002C62.4999 8.1002 62.0999 8.8002 61.7999 9.6002C61.4999 10.4002 61.3999 11.3002 61.3999 12.3002V21.5002H59.5999V24.0002H61.3999V31.7002H63.9999V24.0002H69.8999V21.5002H63.9999V12.4002C63.9999 11.0002 64.1999 10.1002 64.6999 9.5002C65.1999 9.0002 65.7999 8.7002 66.6999 8.7002C67.4999 8.7002 68.8999 8.7002 68.8999 8.7002H69.8999V6.2002H66.6999C65.1999 6.2002 63.8999 6.6002 62.9999 7.6002Z" fill="#FFDD00"/>
+<path d="M17.6999 31.3001C16.0999 30.7001 14.7999 30.0001 13.8999 29.0001L14.8999 27.0001C15.7999 27.9001 16.8999 28.6001 18.3999 29.1001C19.7999 29.6001 21.2999 29.9001 22.8999 29.9001C25.0999 29.9001 26.6999 29.5001 27.7999 28.7001C28.8999 27.9001 29.3999 26.9001 29.3999 25.6001C29.3999 24.6001 29.0999 23.9001 28.4999 23.3001C27.8999 22.7001 27.1999 22.3001 26.2999 22.0001C25.3999 21.7001 24.2999 21.4001 22.6999 21.0001C20.8999 20.5001 19.3999 20.1001 18.3999 19.7001C17.2999 19.3001 16.3999 18.6001 15.5999 17.8001C14.7999 16.9001 14.3999 15.7001 14.3999 14.2001C14.3999 13.0001 14.6999 11.9001 15.3999 10.9001C15.9999 9.9001 16.9999 9.1001 18.3999 8.5001C19.6999 7.9001 21.3999 7.6001 23.3999 7.6001C24.7999 7.6001 26.0999 7.8001 27.4999 8.2001C28.7999 8.6001 29.9999 9.1001 30.8999 9.8001L29.9999 11.8001C28.9999 11.1001 27.8999 10.6001 26.7999 10.3001C25.6999 10.0001 24.4999 9.8001 23.3999 9.8001C21.2999 9.8001 19.6999 10.2001 18.5999 11.0001C17.4999 11.8001 16.9999 12.9001 16.9999 14.2001C16.9999 15.2001 17.2999 15.9001 17.8999 16.5001C18.4999 17.1001 19.1999 17.5001 20.0999 17.8001C20.9999 18.1001 22.1999 18.4001 23.6999 18.8001C25.4999 19.2001 26.8999 19.7001 27.9999 20.1001C29.0999 20.5001 29.9999 21.2001 30.7999 22.0001C31.5999 22.9001 31.8999 24.0001 31.8999 25.5001C31.8999 26.7001 31.5999 27.8001 30.8999 28.8001C30.1999 29.8001 29.1999 30.6001 27.8999 31.2001C26.4999 31.8001 24.8999 32.1001 22.8999 32.1001C21.0999 32.2001 19.2999 31.9001 17.6999 31.3001Z" fill="#FFDD00"/>
+<path d="M42.3001 46.1001C41.5001 46.4001 41.0001 46.8001 40.3001 47.4001C40.1001 47.6001 39.7001 48.1001 39.7001 48.1001V45.8001H37.1001V63.8001H39.7001V54.5001C39.7001 53.8001 39.8001 53.1001 40.1001 52.3001C40.4001 51.5001 40.8001 50.8001 41.2001 50.1001C41.7001 49.5001 42.0001 49.1001 42.8001 48.7001C43.6001 48.3001 44.4001 48.2001 45.2001 48.2001H47.4001V45.6001H45.4001C44.3001 45.8001 43.2001 45.7001 42.3001 46.1001Z" fill="#FFDD00"/>
+<path d="M49.8809 45.7656L49.8474 63.7656L52.3474 63.7703L52.3809 45.7703L49.8809 45.7656Z" fill="#FFDD00"/>
+<path d="M70.6 45.8003L64.2 59.8003L57.9 45.8003H55L63.3 63.9003H65.1L73.4 45.9003L70.6 45.8003Z" fill="#FFDD00"/>
+<path d="M86.8 47.7001C85.4 46.3001 83.5 45.6001 81 45.6001C79.9 45.6001 78.8 45.7001 77.8 46.0001C76.9 46.3001 75.9 46.6001 75 47.1001L74.2 47.5001L75.2 49.8001L76.1 49.4001C76.9 49.0001 77.7 48.7001 78.5 48.5001C79.3 48.3001 80.1 48.2001 81 48.2001C82.6 48.2001 83.9 48.6001 84.8 49.4001C85.7 50.1001 86.1 51.3001 86.1 53.0001C85.6 52.9001 85 52.7001 84.5 52.6001C82.4 52.2001 80 52.2001 78.1 52.7001C77.1 52.9001 76.3 53.3001 75.5 53.8001C74.7 54.3001 74.1 55.0001 73.7 55.7001C73.2 56.5001 73 57.4001 73 58.5001C73 59.5001 73.2 60.3001 73.6 61.1001C74 61.8001 74.5 62.4001 75.2 62.9001C75.8 63.4001 76.6 63.7001 77.4 64.0001C78.2 64.2001 79 64.3001 79.9 64.3001C81 64.3001 82 64.2001 83 63.9001C83.9 63.6001 84.7 63.2001 85.4 62.8001C85.7 62.6001 85.9 62.4001 86.2 62.2001V64.0001H88.8V53.1001C88.8 52.0001 88.6 51.0001 88.3 50.1001C87.9 49.0001 87.4 48.3001 86.8 47.7001ZM86 57.0001C86 57.6001 85.9 58.1001 85.6 58.6001C85.3 59.2001 84.9 59.7001 84.4 60.1001C83.9 60.6001 83.2 60.9001 82.4 61.2001C81.1 61.7001 79.5 61.8001 78 61.4001C77.5 61.3001 77 61.0001 76.6 60.8001C76.2 60.5001 75.9 60.2001 75.7 59.8001C75.5 59.4001 75.4 59.0001 75.4 58.4001C75.4 57.8001 75.5 57.4001 75.8 57.0001C76.1 56.6001 76.4 56.2001 76.9 55.9001C77.4 55.6001 78 55.4001 78.7 55.2001C79.4 55.0001 80.2 55.0001 81 55.0001C82.1 55.0001 83.2 55.1001 84.1 55.3001C84.8 55.4001 85.4 55.6001 86 55.8001V57.0001Z" fill="#FFDD00"/>
+<path d="M106.2 59.1C105.5 59.8 104.7 60.5 103.8 61C102.9 61.5 101.9 61.7 100.6 61.7C99.6 61.7 98.7 61.5 97.9 61.2C97.1 60.8 96.3 60.3 95.7 59.7C95.1 59.1 94.6 58.4 94.2 57.5C93.8 56.7 93.7 55.8 93.7 54.8C93.7 53.9 93.9 53 94.2 52.2C94.5 51.4 95 50.7 95.7 50.1C96.3 49.5 97.1 49 97.9 48.6C98.7 48.3 99.6 48.1 100.6 48.1C101.8 48.1 102.9 48.3 103.7 48.8C104.6 49.3 105.4 49.9 106.1 50.6L106.8 51.3L108.8 49.5L108.1 48.8C107.2 47.9 106.1 47.1 105 46.5C103.8 45.8 102.3 45.5 100.6 45.5C99.2 45.5 98 45.7 96.8 46.2C95.6 46.7 94.6 47.4 93.7 48.2C92.8 49 92.1 50 91.7 51.2C91.2 52.3 91 53.5 91 54.9C91 56.2 91.2 57.4 91.7 58.5C92.2 59.6 92.9 60.6 93.7 61.5C94.6 62.3 95.6 63 96.7 63.5C97.9 64 99.2 64.3 100.5 64.3C102.3 64.3 103.8 63.9 105.1 63.2C106.3 62.5 107.4 61.7 108.2 60.8L108.8 60.1L106.8 58.3L106.2 59.1Z" fill="#FFDD00"/>
+<path d="M125.8 46L119.5 60L112.8 46H109.9L118.1 63C117.7 63.7 117.4 64.4 117.1 64.8C116.8 65.3 116.5 65.7 116.2 66C116 66.2 115.7 66.4 115.5 66.5C115 66.7 114.2 66.7 113.4 66.4C113 66.3 112.6 66.1 112.3 65.9L111.5 65.4L110.2 67.6L111 68.1C111.4 68.4 112 68.6 112.6 68.8C113.2 69 113.9 69.1 114.5 69.1C115.1 69.1 115.7 69 116.2 68.9C116.8 68.7 117.3 68.4 117.8 68C118.3 67.6 118.7 67 119.2 66.3C119.6 65.6 120.1 64.8 120.6 63.7L128.7 46H125.8Z" fill="#FFDD00"/>
+<path d="M49.925 40.649L49.9202 43.249L52.5202 43.2539L52.525 40.6539L49.925 40.649Z" fill="#FFDD00"/>
+<path d="M31.9001 41.8001C33.6001 43.3001 34.5001 45.3001 34.5001 47.9001C34.5001 50.5001 33.6001 52.5001 31.9001 53.9001C30.1001 55.4001 27.7001 56.1001 24.7001 56.1001H18.2001V63.7001H15.6001V39.6001H24.6001C27.7001 39.6001 30.2001 40.3001 31.9001 41.8001ZM30.1001 52.3001C31.4001 51.3001 32.0001 49.8001 32.0001 47.9001C32.0001 45.9001 31.4001 44.4001 30.1001 43.4001C28.8001 42.4001 27.0001 41.8001 24.6001 41.8001H18.2001V53.9001H24.6001C27.0001 53.9001 28.8001 53.4001 30.1001 52.3001Z" fill="#FFDD00"/>
+</svg>

layouts/shortcodes/docs-logoblock.html

@@ -2,7 +2,7 @@
 {{ $bg := .Get 1 }}
 {{ $usecase := .Get 2 }}
 <div class="sp-docs-logoblock-card d-flex flex-column">
-    <h3>{{$usecase}}</h3>
     <div class="sp-docs-logoblock" style="background-color: {{ $bg }}"><img src="{{ $logo }}" alt=""></div>
+    <h3>{{$usecase}}</h3>
     {{ .Inner }}
 </div>