banlv/ai-creator-partnership
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine English typography and eliminate text overlaps

Browse Source
This commit is contained in:
Codex
2026-07-21 13:12:14 +02:00
parent 76198b98b5
commit 9a5359d179
1 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+26
View File
@@ -61,3 +61,29 @@ footer{background:radial-gradient(circle at 15% 0,rgba(112,64,232,.16),transpare
@media(max-width:760px){.economy-grid{padding-top:80px;padding-bottom:80px}.economy-copy h2{font-size:clamp(48px,15vw,68px)}.economy-copy>p:not(.eyebrow){font-size:16px}.economy-actions{align-items:flex-start;flex-direction:column;gap:18px}.revenue-visual{min-height:660px}.revenue-phone{min-height:650px;padding:25px 20px;border-radius:42px}.revenue-float{min-width:170px;padding:13px}.revenue-float.top{right:-5px;top:100px}.revenue-float.bottom{left:-5px;bottom:90px}.phone-greeting strong{font-size:25px}.revenue-amount strong{font-size:31px}.revenue-chart{height:110px}.revenue-list>div{padding:11px 12px}} @media(max-width:760px){.economy-grid{padding-top:80px;padding-bottom:80px}.economy-copy h2{font-size:clamp(48px,15vw,68px)}.economy-copy>p:not(.eyebrow){font-size:16px}.economy-actions{align-items:flex-start;flex-direction:column;gap:18px}.revenue-visual{min-height:660px}.revenue-phone{min-height:650px;padding:25px 20px;border-radius:42px}.revenue-float{min-width:170px;padding:13px}.revenue-float.top{right:-5px;top:100px}.revenue-float.bottom{left:-5px;bottom:90px}.phone-greeting strong{font-size:25px}.revenue-amount strong{font-size:31px}.revenue-chart{height:110px}.revenue-list>div{padding:11px 12px}}
.form-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} .form-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
/* English typography and long-copy layout refinements */
body{overflow-wrap:break-word}
.hero h1,.page-hero h1,.split h2,.title-row h2,.cta h2,.principles h2,.funnel-head h2,.case-copy h2,.case-art>strong,.faq aside h2,.contact aside h2,.success h2{font-family:var(--font-geist-sans),Arial,sans-serif;font-weight:780;letter-spacing:-.055em}
.hero h1{font-size:clamp(54px,5.4vw,82px);line-height:1.01}
.page-hero h1{font-size:clamp(50px,5vw,74px);line-height:1.02;text-transform:uppercase}
.split h2,.title-row h2,.cta h2,.principles h2{line-height:1.06}
.funnel-head h2{line-height:1.02}
.accent{white-space:normal}
.lead{line-height:1.72}
.btn{height:auto;min-height:56px;padding-top:15px;padding-bottom:15px;line-height:1.2;text-align:center}
.portrait-card strong{bottom:90px;font-family:var(--font-geist-sans),Arial,sans-serif;font-size:29px;line-height:1.05}.portrait-card small{bottom:62px}.orbit-label{bottom:10px}
.twin-card strong{font-size:19px;line-height:1.2}.original-card strong{font-size:19px;line-height:1.2}
.service-grid article{min-width:0;min-height:390px}.service-grid h3{font-size:22px;line-height:1.15}.service-grid p{font-size:15px;line-height:1.65}
.flow article{min-width:0;min-height:205px}.flow strong{font-size:18px;line-height:1.25}.flow small{line-height:1.35}
.scenario{min-width:0;min-height:430px}.scenario h3{max-width:100%;font-family:var(--font-geist-sans),Arial,sans-serif;font-size:27px;line-height:1.18;letter-spacing:-.035em}.scenario p{line-height:1.45}
.adv-grid article{min-width:0;min-height:365px}.adv-grid h2{margin-top:58px;font-size:22px;line-height:1.18}.adv-grid p{font-size:15px;line-height:1.65}
.funnel-track article{min-width:0}.funnel-track strong{font-size:20px;line-height:1.2}.funnel-track small{line-height:1.35}
.table span,.table b{min-width:0;overflow-wrap:anywhere}
.process-list article{grid-template-columns:58px minmax(190px,.72fr) minmax(0,1.25fr) minmax(145px,.68fr)}.process-list h2{font-family:var(--font-geist-sans),Arial,sans-serif;font-size:24px;line-height:1.18;letter-spacing:-.03em}.process-list p{min-width:0}.process-list strong{max-width:190px;text-align:right;line-height:1.35;overflow-wrap:anywhere}
.principles>div:last-child article{grid-template-columns:45px minmax(180px,.75fr) minmax(0,1fr)}.principles article strong{line-height:1.3}.principles article p{min-width:0;line-height:1.55}
.case-art>strong{max-width:340px;font-size:35px;line-height:1.08}.case-copy h2{font-size:34px;line-height:1.16}.case-copy section{grid-template-columns:135px minmax(0,1fr)}.case-copy section b{line-height:1.35}.case-copy section p{min-width:0}
.faq summary{grid-template-columns:50px minmax(0,1fr) 30px;line-height:1.35}.faq aside h2{font-size:32px;line-height:1.12}
.contact aside h2{font-size:34px;line-height:1.12}.form label,.form legend{line-height:1.35}.checks span{line-height:1.25}
@media(max-width:1040px){.page-hero h1{font-size:clamp(46px,6.5vw,66px)}.process-list article{grid-template-columns:52px minmax(170px,.8fr) minmax(0,1.2fr)}.process-list strong{grid-column:2/-1;justify-self:start;max-width:none;text-align:left}.case-copy section{grid-template-columns:115px minmax(0,1fr)}}
@media(max-width:760px){.hero h1{font-size:clamp(45px,13vw,62px)}.page-hero h1{font-size:clamp(40px,11.5vw,56px);line-height:1.04}.split h2,.title-row h2,.cta h2,.principles h2,.funnel-head h2{font-size:clamp(38px,10vw,52px)}.service-grid article,.adv-grid article,.scenario{min-height:auto}.process-list article{grid-template-columns:42px minmax(0,1fr);gap:18px}.process-list article>p,.process-list article>strong{grid-column:2}.principles>div:last-child article{grid-template-columns:38px minmax(0,1fr)}.principles article p{grid-column:2}.case-art>strong{font-size:30px}.case-copy h2{font-size:29px}.case-copy section{grid-template-columns:1fr;gap:10px}.faq summary{grid-template-columns:38px minmax(0,1fr) 24px;font-size:17px}.form-row{grid-template-columns:1fr}}