Javi/saborflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hero and brand name visual hierarchy

Browse Source 
- Hero: "Sabor Flow" large + "Da Nang" inline, smaller and muted
- Nav/footer brand: "SABOR FLOW" bold + "Da Nang" smaller and muted
- No line break between the two parts in either context

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Javier Blanco
2026-04-30 22:25:45 +07:00
parent 60074f00ce
commit 05852d6a61
7 changed files with 30 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
css/style.css
View File

@@ -94,6 +94,13 @@ h3 { font-size: clamp(1rem, 2vw, 1.3rem); }
letter-spacing: 0.12em;
color: var(--text);
}
.nav-brand-city {
font-size: 0.75em;
font-weight: 400;
letter-spacing: 0.08em;
color: var(--muted);
margin-left: 0.3em;
}
.nav-links { display: flex; align-items: center; }
.nav-links a {
@@ -380,6 +387,15 @@ section { padding: 5rem 0; }
color: var(--text);
margin-bottom: 0.35rem;
}
.hero-title-city {
display: inline;
font-size: 0.28em;
font-weight: 400;
letter-spacing: 0.32em;
text-transform: uppercase;
color: var(--muted);
margin-left: 0.5em;
}
.hero-rule { width: 36px; height: 1px; background: var(--orange); margin: 1.5rem auto; }
@@ -653,6 +669,7 @@ section { padding: 5rem 0; }
.footer-brand { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.5rem; }
.footer-brand img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.footer-brand-name { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.12em; color: var(--text); }
.footer-brand-city { font-size: 0.75em; font-weight: 400; letter-spacing: 0.08em; color: var(--muted); margin-left: 0.3em; }
.footer-tagline { color: var(--muted); font-size: 0.72rem; }
.footer-nav { display: flex; flex-direction: column; gap: 0.5rem; align-items: center; }