diff --git a/app/static/css/style.css b/app/static/css/style.css index 4650b30..41c9812 100644 --- a/app/static/css/style.css +++ b/app/static/css/style.css @@ -1136,37 +1136,30 @@ label { text-align: center; } -/* 로고 + 앱 이름 h1 묶음. h1은 시각적으로 작은 브랜드 라벨이지만 문서 구조상 최상위 제목이다. */ +.landing-logo { + width: 56px; + height: 56px; + border-radius: 14px; +} + +/* 앱 이름 h1 — 화면에서 가장 큰 글자여야 한다(위 home.html 주석 참고). */ .landing-brand { - display: flex; - align-items: center; - gap: 8px; - font-size: 15px; - font-weight: 700; - color: var(--color-accent); - letter-spacing: -0.01em; -} - -.landing-brand h1 { margin: 0; - font-size: inherit; - font-weight: inherit; - color: inherit; - letter-spacing: inherit; -} - -.landing-brand img { - width: 24px; - height: 24px; - border-radius: 6px; -} - -.landing-hero-title { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; text-wrap: balance; + color: var(--color-accent); +} + +/* 태그라인은 앱 이름 아래 부제 */ +.landing-hero-title { + font-size: 18px; + font-weight: 600; + letter-spacing: -0.01em; + text-wrap: balance; margin: 0; + color: var(--color-text); } .landing-tagline { diff --git a/app/templates/home.html b/app/templates/home.html index 32191e4..67b6388 100644 --- a/app/templates/home.html +++ b/app/templates/home.html @@ -4,13 +4,12 @@ {% block content %}
- {# 앱 이름은 h1의 순수 텍스트여야 한다 — 구글 브랜딩 심사가 OAuth 동의 화면의 앱 이름과 홈페이지 h1을 대조하는데, - h1 안에 alt="" 이미지가 섞여 있으면 이름을 추출하지 못한다. 로고는 h1 바깥에 둔다. #} -
- -

해빗랩 (HabitLab)

-
-

습관이 만들어지는
진짜 시간

+ {# 앱 이름은 h1의 순수 텍스트이면서 화면에서 가장 큰 글자여야 한다 — 구글 브랜딩 심사가 OAuth 동의 화면의 + 앱 이름과 홈페이지의 앱 이름을 대조하는데, 태그라인이 이름보다 크면 그쪽을 사이트 이름으로 본다. + 로고는 이름 추출을 방해하지 않도록 h1 바깥에 둔다. #} + +

해빗랩 (HabitLab)

+

습관이 만들어지는 진짜 시간

21일의 법칙 대신, 습관마다 다른 진짜 목표 기간을 알려드려요