generated from bisco/codex-bootstrap
feat: refine frontend typography and branding
This commit is contained in:
@@ -21,8 +21,8 @@
|
||||
--azionelab-shell-width: 1180px;
|
||||
--azionelab-copy-width: 64ch;
|
||||
--azionelab-section-gap: 28px;
|
||||
--azionelab-sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
|
||||
--azionelab-serif: Georgia, "Times New Roman", serif;
|
||||
--azionelab-sans: "Manrope", "Helvetica Neue", Arial, sans-serif;
|
||||
--azionelab-serif: "Fraunces", Georgia, "Times New Roman", serif;
|
||||
--azionelab-success-bg: #edf7ef;
|
||||
--azionelab-success-ink: #1f5f2b;
|
||||
--azionelab-success-border: rgba(46, 125, 50, 0.18);
|
||||
@@ -39,6 +39,7 @@ html, body {
|
||||
margin: 0;
|
||||
min-height: 100%;
|
||||
font-family: var(--azionelab-sans);
|
||||
font-weight: 500;
|
||||
color: var(--azionelab-ink);
|
||||
background:
|
||||
linear-gradient(180deg, rgba(143, 51, 45, 0.06), transparent 140px),
|
||||
@@ -51,24 +52,24 @@ body {
|
||||
|
||||
h1, h2, h3 {
|
||||
font-family: var(--azionelab-serif);
|
||||
font-weight: 700;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0;
|
||||
color: var(--azionelab-ink);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.02;
|
||||
font-size: 2.65rem;
|
||||
line-height: 1.04;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.65rem;
|
||||
line-height: 1.12;
|
||||
font-size: 1.7rem;
|
||||
line-height: 1.16;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.15rem;
|
||||
line-height: 1.2;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.24;
|
||||
}
|
||||
|
||||
button, input, textarea {
|
||||
@@ -96,14 +97,15 @@ code {
|
||||
margin: 0 0 12px;
|
||||
color: var(--azionelab-accent);
|
||||
text-transform: uppercase;
|
||||
font-size: 0.78rem;
|
||||
font-size: 0.76rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.08em;
|
||||
letter-spacing: 0.12em;
|
||||
}
|
||||
|
||||
.supporting {
|
||||
color: var(--azionelab-muted);
|
||||
line-height: 1.65;
|
||||
font-size: 1.02rem;
|
||||
line-height: 1.72;
|
||||
max-width: var(--azionelab-copy-width);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user