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;
}
.role-chooser-head .tagline {
font-family: "Caveat", "Brush Script MT", cursive;
font-weight: 700;
font-size: 34px;
line-height: 1;
font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
font-style: italic;
font-weight: 500;
font-size: 28px;
line-height: 1.15;
color: var(--walnut, #6B4A2B);
margin: 0 0 8px;
transform: rotate(-2deg);
display: inline-block;
letter-spacing: 0.5px;
margin: 0 0 12px;
letter-spacing: 0.01em;
}
.role-chooser-head .display-title {
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;
}
/* Каллиграфический слоган — на splash и других вход-экранах */
/* Слоган бренда — Cormorant Garamond Italic, сдержанный serif-италик */
.loader-tagline {
font-family: "Caveat", "Brush Script MT", cursive;
font-weight: 700;
font-size: 26px;
line-height: 1;
font-family: "Cormorant Garamond", "Newsreader", Georgia, serif;
font-style: italic;
font-weight: 500;
font-size: 22px;
line-height: 1.1;
color: var(--walnut, #6B4A2B);
margin-top: 8px;
transform: rotate(-2deg);
display: inline-block;
margin-top: 6px;
letter-spacing: 0.005em;
}
.loader-bar {

22
miniapp/index.html
View File

@ -10,10 +10,10 @@
<title>ЗОВ — Кабинет</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<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>
<link rel="stylesheet" href="assets/styles.css?v=20260513q">
<link rel="stylesheet" href="assets/podbor.css?v=20260513q">
<link rel="stylesheet" href="assets/styles.css?v=20260513r">
<link rel="stylesheet" href="assets/podbor.css?v=20260513r">
</head>
<body>
<!-- Splash — за пределами #app, render-функции его не смывают -->
@ -34,13 +34,13 @@
</div>
</div>
<main id="app"></main>
<script src="assets/icons.js?v=20260513q"></script>
<script src="assets/podbor.config.js?v=20260513q"></script>
<script src="assets/podbor.picts.js?v=20260513q"></script>
<script src="assets/podbor.js?v=20260513q"></script>
<script src="assets/clients.js?v=20260513q"></script>
<script src="assets/measurements.js?v=20260513q"></script>
<script src="assets/request.js?v=20260513q"></script>
<script src="assets/app.js?v=20260513q"></script>
<script src="assets/icons.js?v=20260513r"></script>
<script src="assets/podbor.config.js?v=20260513r"></script>
<script src="assets/podbor.picts.js?v=20260513r"></script>
<script src="assets/podbor.js?v=20260513r"></script>
<script src="assets/clients.js?v=20260513r"></script>
<script src="assets/measurements.js?v=20260513r"></script>
<script src="assets/request.js?v=20260513r"></script>
<script src="assets/app.js?v=20260513r"></script>
</body>
</html>