Kill mint gradient, use cool navy tint. Fluid clamp title sizing. Right-align nav.
This commit is contained in:
parent
088a2259c4
commit
1bc633e8d2
1 changed files with 4 additions and 13 deletions
17
landing.css
17
landing.css
|
|
@ -33,6 +33,7 @@
|
|||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -67,7 +68,7 @@
|
|||
/* ---- Hero ---- */
|
||||
|
||||
.landing-hero {
|
||||
background: linear-gradient(180deg, #f0f7e6 0%, #FFFFFF 100%);
|
||||
background: linear-gradient(180deg, #f4f6fb 0%, #FFFFFF 100%);
|
||||
padding: 60px 24px 70px;
|
||||
text-align: center;
|
||||
max-width: none;
|
||||
|
|
@ -80,13 +81,12 @@
|
|||
|
||||
.landing-hero-title {
|
||||
font-family: helvetica, arial, sans-serif;
|
||||
font-size: 2.4em;
|
||||
font-size: clamp(2.2em, 5.5vw, 4.5em);
|
||||
font-weight: 700;
|
||||
color: #0b0b0b;
|
||||
line-height: 1.1;
|
||||
margin: 0 0 20px;
|
||||
letter-spacing: -0.02em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.landing-hero-subtitle {
|
||||
|
|
@ -407,7 +407,7 @@ a.mps-button.landing-cta-large {
|
|||
/* ---- Final CTA ---- */
|
||||
|
||||
.landing-final-cta {
|
||||
background: linear-gradient(135deg, #f0f7e6 0%, #f0f6ff 100%);
|
||||
background: linear-gradient(135deg, #f4f6fb 0%, #f0f3fa 100%);
|
||||
text-align: center;
|
||||
padding: 80px 24px;
|
||||
}
|
||||
|
|
@ -424,11 +424,6 @@ a.mps-button.landing-cta-large {
|
|||
padding: 80px 40px 100px;
|
||||
}
|
||||
|
||||
.landing-hero-title {
|
||||
font-size: 4em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.landing-section {
|
||||
padding: 80px 40px;
|
||||
}
|
||||
|
|
@ -447,10 +442,6 @@ a.mps-button.landing-cta-large {
|
|||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.landing-hero-title {
|
||||
font-size: 4.5em;
|
||||
}
|
||||
|
||||
.landing-hero {
|
||||
padding: 100px 40px 120px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue