슬레이트 본문색 #334155, 제목 #0f172a, 아이콘 #16a34a — public-profile.php 바텀시트와 동일합니다.
이 파일은 HTML Maker 「HTML 불러오기」와 미션 단체 추가 소개(HTML) 작성 시 참고용입니다. 상단 A. Acts 퍼플 톤은 사역자 대시보드·공개 프로필과 동일한 솔라피 브랜드 컬러입니다. 하단 B. 미션 그룹 소개는 「이 그룹 소개보기」바텀시트와 동일한 클래스·수치입니다.
A. Acts / HTML Maker (hm- 접두)
대시보드 .hero-header 계열과 같은 그라데이션·라운드입니다. 공개 랜딩에서 강조 블록으로 사용할 수 있습니다.
프로필·랜딩에서 본문을 구역으로 나눌 때 사용합니다. 테두리 #E0E0E0, 그림자는 대시보드 --shadow-md 계열입니다.
--acts-blue--ap-primary 와 동일주의
연락처·실명·주소는 HTML에 넣지 말고 대시보드 폼에만 입력하세요.
.hm-btn--primary 는 .acts-dashboard-nav-btn / .hero-btn-primary 와 같은 그라데이션입니다.
| 항목 | 내용 |
|---|---|
| 타이포 | Pretendard + 시스템 폰트 (대시보드 --font-family) |
| 라운드 | 카드 16px (--radius-lg), 입력·버튼 8px (--radius-sm) |
팁. 이미지·갤러리는 HTML만으로보다 HTML Maker의 갤러리/커버 블록이 안전합니다.
B. 미션 그룹 소개 모달 톤 (mission-intro-*)
실제 사이트에서는 이 블록을 감싼 #mission-group-intro-modal.jmp-sample-modal 래퍼는 불필요합니다.
미션 프로필에는 이미 모달이 있으므로, 아래 section.mission-intro-section 구조만 복사하면 됩니다.
(Remix 아이콘 대신 아래는 텍스트 기호 .mi-ico 예시입니다. 프로덕션에서는 <i class="ri-…"> 사용 가능.)
슬레이트 본문색 #334155, 제목 #0f172a, 아이콘 #16a34a — public-profile.php 바텀시트와 동일합니다.
보조 설명은 .mission-intro-muted (#64748b).