sebastjan/folx-live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Golden ratio: header 48px logo, hero title max 52px (was 38/64)

Browse Source
This commit is contained in:
Sebastjan 2026-04-25 09:28:17 +02:00
parent 34fa2d6d41
commit 79e24d4ec3
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
views/index.ejs
View File

@ -75,12 +75,12 @@
.topnav-inner { .topnav-inner {
max-width: 1400px; max-width: 1400px;
margin: 0 auto; margin: 0 auto;
padding: 10px 24px; padding: 12px 24px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 16px; gap: 16px;
min-height: 58px; min-height: 70px;
} }
.brand { .brand {
display: flex; display: flex;
@ -90,13 +90,13 @@
text-decoration: none; text-decoration: none;
} }
.brand-logo { .brand-logo {
height: 38px; height: 48px;
width: auto; width: auto;
display: block; display: block;
} }
@media (max-width: 520px) { @media (max-width: 520px) {
.brand-logo { height: 30px; } .brand-logo { height: 36px; }
.topnav-inner { padding: 8px 16px; min-height: 48px; } .topnav-inner { padding: 10px 16px; min-height: 56px; }
} }
.brand-sep { .brand-sep {
width: 1px; width: 1px;
@ -152,7 +152,7 @@
} }
.hero-title { .hero-title {
font-family: 'Archivo Black', sans-serif; font-family: 'Archivo Black', sans-serif;
font-size: clamp(32px, 5vw, 64px); font-size: clamp(28px, 4vw, 52px);
line-height: 0.95; line-height: 0.95;
letter-spacing: -0.02em; letter-spacing: -0.02em;
text-transform: uppercase; text-transform: uppercase;