wasrusgen/zov-tech
1
0
Fork 0
mirror of https://github.com/wasrusgen/zov-tech.git synced 2026-06-03 15:44:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

slogan: переход с Caveat на Cormorant Garamond Italic (вариант 8)

Browse Source 
Сдержанный serif-италик, не контрастирует с Editorial Calm стилем.
Убран наклон -2°, шрифт элегантный сам по себе.

Размеры:
- splash subtitle: 22pt (Caveat был 26pt — serif читается крупнее)
- role chooser: 28pt (Caveat был 34pt)

Loaded Cormorant Garamond italic from Google Fonts.
Cache bust v=20260513r.
This commit is contained in:
wasrusgen 2026-05-13 10:41:59 +03:00
parent eeefbd1a59
commit d8cb36703f
3 changed files with 26 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
miniapp/assets/podbor.css
View File

@ -2004,15 +2004,14 @@
margin-bottom: 28px; margin-bottom: 28px;
} }
.role-chooser-head .tagline { .role-chooser-head .tagline {
font-family: "Caveat", "Brush Script MT", cursive; font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
font-weight: 700; font-style: italic;
font-size: 34px; font-weight: 500;
line-height: 1; font-size: 28px;
line-height: 1.15;
color: var(--walnut, #6B4A2B); color: var(--walnut, #6B4A2B);
margin: 0 0 8px; margin: 0 0 12px;
transform: rotate(-2deg); letter-spacing: 0.01em;
display: inline-block;
letter-spacing: 0.5px;
} }
.role-chooser-head .display-title { .role-chooser-head .display-title {
font-size: 36px; font-size: 36px;

16
miniapp/assets/styles.css
View File

@ -234,16 +234,16 @@ button { font: inherit; cursor: pointer; border: none; background: none; color:
margin-top: 4px; margin-top: 4px;
} }
/* Каллиграфический слоган — на splash и других вход-экранах */ /* Слоган бренда — Cormorant Garamond Italic, сдержанный serif-италик */
.loader-tagline { .loader-tagline {
font-family: "Caveat", "Brush Script MT", cursive; font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
font-weight: 700; font-style: italic;
font-size: 26px; font-weight: 500;
line-height: 1; font-size: 22px;
line-height: 1.1;
color: var(--walnut, #6B4A2B); color: var(--walnut, #6B4A2B);
margin-top: 8px; margin-top: 6px;
transform: rotate(-2deg); letter-spacing: 0.005em;
display: inline-block;
} }
.loader-bar { .loader-bar {

22
miniapp/index.html
View File

@ -10,10 +10,10 @@
<title>ЗОВ — Кабинет</title> <title>ЗОВ — Кабинет</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&family=Caveat:wght@500;700&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&family=Cormorant+Garamond:ital,wght@1,400;1,500;1,600&display=swap">
<script src="https://telegram.org/js/telegram-web-app.js"></script> <script src="https://telegram.org/js/telegram-web-app.js"></script>
<link rel="stylesheet" href="assets/styles.css?v=20260513q"> <link rel="stylesheet" href="assets/styles.css?v=20260513r">
<link rel="stylesheet" href="assets/podbor.css?v=20260513q"> <link rel="stylesheet" href="assets/podbor.css?v=20260513r">
</head> </head>
<body> <body>
<!-- Splash — за пределами #app, render-функции его не смывают --> <!-- Splash — за пределами #app, render-функции его не смывают -->
@ -34,13 +34,13 @@
</div> </div>
</div> </div>
<main id="app"></main> <main id="app"></main>
<script src="assets/icons.js?v=20260513q"></script> <script src="assets/icons.js?v=20260513r"></script>
<script src="assets/podbor.config.js?v=20260513q"></script> <script src="assets/podbor.config.js?v=20260513r"></script>
<script src="assets/podbor.picts.js?v=20260513q"></script> <script src="assets/podbor.picts.js?v=20260513r"></script>
<script src="assets/podbor.js?v=20260513q"></script> <script src="assets/podbor.js?v=20260513r"></script>
<script src="assets/clients.js?v=20260513q"></script> <script src="assets/clients.js?v=20260513r"></script>
<script src="assets/measurements.js?v=20260513q"></script> <script src="assets/measurements.js?v=20260513r"></script>
<script src="assets/request.js?v=20260513q"></script> <script src="assets/request.js?v=20260513r"></script>
<script src="assets/app.js?v=20260513q"></script> <script src="assets/app.js?v=20260513r"></script>
</body> </body>
</html> </html>