Design language

This commit is contained in:
2026-05-13 09:39:52 +12:00
parent 6c943b14bd
commit de8b60b9c3
11 changed files with 329 additions and 236 deletions
+11 -107
View File
@@ -737,33 +737,13 @@ footer {
margin-bottom: 18px;
}
.footer-panel {
min-height: 100%;
padding: 28px 26px;
border-radius: 28px;
background: rgba(255, 255, 255, 0.06);
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, 0.08),
0 18px 34px rgba(0, 0, 0, 0.08);
backdrop-filter: blur(6px);
}
.footer-panel-accent {
background:
radial-gradient(circle at top right, rgba(255, 209, 71, 0.22), transparent 38%),
linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.06) 100%);
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, 0.1),
0 20px 40px rgba(0, 0, 0, 0.12);
}
.footer-brand p {
font-size: 14px;
line-height: 1.7;
opacity: 0.76;
margin-bottom: 24px;
opacity: 0.72;
margin-bottom: 18px;
white-space: pre-line;
max-width: 34ch;
max-width: 30ch;
}
.social-links a {
@@ -789,13 +769,13 @@ footer {
}
.footer-col-label {
margin: 0 0 16px;
margin: 0 0 14px;
font-family: var(--font-head);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
opacity: 0.45;
opacity: 0.5;
}
.footer-nav {
@@ -816,10 +796,10 @@ footer {
.footer-nav a {
display: block;
padding: 9px 0;
font-size: 15px;
padding: 8px 0;
font-size: 14px;
font-weight: 500;
opacity: 0.75;
opacity: 0.72;
transition: opacity 0.18s;
}
@@ -827,89 +807,13 @@ footer {
opacity: 1;
}
.footer-action-title {
margin: 0 0 10px;
color: #fff;
font-size: 28px;
line-height: 1;
letter-spacing: -0.04em;
}
.footer-action-copy {
margin: 0 0 22px;
max-width: 34ch;
color: rgba(255, 255, 255, 0.78);
font-size: 14px;
line-height: 1.65;
}
.footer-book-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
padding: 16px 22px;
border-radius: 999px;
background: var(--yellow);
color: #000;
font-family: var(--font-head);
font-weight: 700;
font-size: 15px;
line-height: 1.2;
letter-spacing: 0.01em;
transition: background 0.2s, transform 0.15s;
margin-bottom: 10px;
}
.footer-book-btn:hover {
background: #ffe033;
transform: translateY(-1px);
}
.footer-book-note {
margin: 0 0 20px;
font-size: 13px;
opacity: 0.68;
text-align: left;
}
.footer-reviews {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 9px 16px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.12);
font-family: var(--font-head);
font-size: 13px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.01em;
opacity: 0.8;
transition: background 0.2s, opacity 0.2s;
}
.footer-google-logo {
width: 16px;
height: 17px;
flex: 0 0 auto;
}
.footer-reviews:hover {
background: rgba(255, 255, 255, 0.13);
opacity: 1;
}
.footer-contact {
display: grid;
gap: 8px;
margin-top: 16px;
padding-top: 16px;
margin-top: 18px;
padding-top: 18px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
max-width: 24rem;
}
.footer-contact-link {