feat(typography): texto corrido em sans 16px; mono so em rotulos, tags e metadados
- --font-body (Space Grotesk) aplicado a p/li/dd de main e footer com :where() (especificidade zero) - rotulos (.ds-eyebrow, .ds-kicker, .ds-tag, .ds-metric, .quality-*) seguem em Geist Mono - .ds-copy 16px/1.6, descricoes e listas 15px/1.7 (celular deixa de usar 13px) - cards de servicos (WorkModalities) em sans Co-Authored-By: Claude Sonnet 5.5 <[email protected]>
This commit is contained in:
1 parent
2b5b4a2267
commit
2ffe718fac
2 files changed
+30
-11
No files matched your search
+27
-8
@@ -55,6 +55,7 @@
|
||||
--font-display: var(--font-space-grotesk), sans-serif;
|
||||
--font-hero: var(--font-monument-extended), sans-serif;
|
||||
--font-mono: var(--font-geist-mono), monospace;
|
||||
--font-body: var(--font-display);
|
||||
--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
|
||||
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
||||
}
|
||||
@@ -197,6 +198,24 @@ svg {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* Texto corrido em sans (leitura); a monoespacada fica nos rotulos, tags e metadados.
|
||||
:where() mantem especificidade zero: classes de componente e utilitarios continuam mandando. */
|
||||
:where(main, footer) :where(p, li, dd) {
|
||||
font-family: var(--font-body);
|
||||
}
|
||||
|
||||
:where(
|
||||
.ds-eyebrow,
|
||||
.ds-kicker,
|
||||
.ds-tag,
|
||||
.ds-metric,
|
||||
.quality-code,
|
||||
.quality-hint,
|
||||
.quality-disclaimer
|
||||
) {
|
||||
font-family: var(--font-mono);
|
||||
}
|
||||
|
||||
@supports (overflow: clip) {
|
||||
html,
|
||||
body {
|
||||
@@ -326,8 +345,8 @@ textarea {
|
||||
.ds-section-description {
|
||||
max-width: 58ch;
|
||||
color: rgba(10, 10, 10, 0.74);
|
||||
font-size: 14px;
|
||||
line-height: 1.82;
|
||||
font-size: 15px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.ds-grid-2,
|
||||
@@ -382,8 +401,8 @@ textarea {
|
||||
.ds-copy {
|
||||
margin-top: var(--sp-4);
|
||||
color: var(--ink-80);
|
||||
font-size: 14px;
|
||||
line-height: 1.8;
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
@@ -497,8 +516,8 @@ textarea {
|
||||
.ds-list {
|
||||
margin-top: var(--sp-5);
|
||||
padding-left: 18px;
|
||||
font-size: 14px;
|
||||
line-height: 1.85;
|
||||
font-size: 15px;
|
||||
line-height: 1.7;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
@@ -800,8 +819,8 @@ textarea {
|
||||
.ds-section-description,
|
||||
.ds-copy,
|
||||
.ds-list {
|
||||
font-size: 13px;
|
||||
line-height: 1.75;
|
||||
font-size: 15px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.ds-tags {
|
||||
|
||||
Reference in new issue
Block a user