Golden ratio: header 48px logo, hero title max 52px (was 38/64)
This commit is contained in:
parent
34fa2d6d41
commit
79e24d4ec3
@ -75,12 +75,12 @@
|
||||
.topnav-inner {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
padding: 10px 24px;
|
||||
padding: 12px 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
min-height: 58px;
|
||||
min-height: 70px;
|
||||
}
|
||||
.brand {
|
||||
display: flex;
|
||||
@ -90,13 +90,13 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
.brand-logo {
|
||||
height: 38px;
|
||||
height: 48px;
|
||||
width: auto;
|
||||
display: block;
|
||||
}
|
||||
@media (max-width: 520px) {
|
||||
.brand-logo { height: 30px; }
|
||||
.topnav-inner { padding: 8px 16px; min-height: 48px; }
|
||||
.brand-logo { height: 36px; }
|
||||
.topnav-inner { padding: 10px 16px; min-height: 56px; }
|
||||
}
|
||||
.brand-sep {
|
||||
width: 1px;
|
||||
@ -152,7 +152,7 @@
|
||||
}
|
||||
.hero-title {
|
||||
font-family: 'Archivo Black', sans-serif;
|
||||
font-size: clamp(32px, 5vw, 64px);
|
||||
font-size: clamp(28px, 4vw, 52px);
|
||||
line-height: 0.95;
|
||||
letter-spacing: -0.02em;
|
||||
text-transform: uppercase;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user