[FP-001C]
📘 FantasyPark UI Component Library
<공식 UI 컴포넌트 라이브러리>
FantasyPark Recommendation Library
Project No. : FP-001C
Document : FantasyPark UI Component Library
Version 1.0 (Official Edition)
Status : Official Standard
🏛 제1장 문서 목적
FantasyPark UI Component Library는 FantasyPark 추천도서 라이브러리에서 사용하는 모든 UI 요소를 표준화하기 위한 공식 문서이다.
모든 콘텐츠는 본 라이브러리의 컴포넌트를 기반으로 제작한다.
목표는 다음과 같다.
- 브랜드 디자인의 일관성 확보
- 콘텐츠 제작 시간 단축
- 사용자 경험(UX) 향상
- 모바일 친화적 구조 유지
- 유지보수 효율성 향상
🏛 제2장 UI 운영 원칙
FantasyPark의 UI는 다음 다섯 가지 원칙을 따른다.
① Simplicity
단순하고 읽기 쉽다.
② Consistency
모든 관에서 동일한 구조를 유지한다.
③ Readability
가독성을 최우선으로 한다.
④ Mobile First
모바일 환경을 우선 고려한다.
⑤ Accessibility
누구나 쉽게 사용할 수 있도록 구성한다.
🧩 제3장 Component Library
Component 001
🏛 Hero Banner
사용 위치
모든 글 최상단
구성
- 대표 이미지
- 프로젝트 번호
- 제목
- 부제
- Version
예)
Component 002
📘 Document Information Box
포함 내용
- Project No.
- Document Name
- Category
- Version
- Status
Component 003
📚 Table of Contents
긴 글에서는 반드시 사용
자동 또는 수동 목차 지원
Component 004
🌿 Philosophy Box
브랜드 철학
명언
운영 원칙
대표 문장
표시용
Component 005
💡 Director's Insight
FantasyPark 대표 컴포넌트
모든 핵심 콘텐츠에 사용
구성
- 핵심 해설
- Director Comment
- 운영 제안
Component 006
📖 Library Note
관장의 서재 노트
개인적인 의견
독자에게 전하는 말
Component 007
📝 Reading Note
FP Reading System 공식 양식
□ 오늘의 한 문장
□ 핵심 원칙
□ 실천
□ 다시 읽기
Component 008
🌱 Today's Growth Mission
오늘의 1%
실천 과제
행동 제안
Component 009
❓ One Minute Question
1분 인생 질문
독자가 스스로 생각하게 만드는 질문
Component 010
⭐ Recommendation Card
추천도서
관련 시리즈
추천 콘텐츠
Component 011
📖 Quote Box
명언
본문 인용
핵심 문장
Component 012
📌 Summary Box
오늘의 핵심
3줄 요약
핵심 정리
Component 013
🗺 Roadmap
시리즈 진행도
예)
Component 014
📈 Progress Indicator
진행률 표시
예)
Core Intro
■■■■□□□□
57%
Component 015
🔗 Navigation Buttons
공식 버튼
- 이전 글
- 다음 글
- 허브
- 목록
Component 016
📚 Related Collection
같은 관
같은 시리즈
추천 연결
Component 017
📄 FAQ Component
FAQ Schema
질문
답변
SEO 대응
Component 018
📊 Table Standard
FantasyPark 공식 표
기본
2열
3열
4열
반응형 우선
Component 019
🏷 Badge System
Official
Premium
Core
Guide
New
Updated
Classic
Recommended
Component 020
⚠ Notice Box
주의사항
안내
중요 공지
Component 021
💬 Tip Box
실전 팁
추천 방법
노하우
Component 022
📖 Timeline
역사
저자
사건
연표
Component 023
🖼 Image Standard
대표 이미지
16:9
고해상도
브랜드 색상
Component 024
📚 Book Card
책
저자
출판사
한줄평
Component 025
🎯 CTA Button
대표 버튼
읽기
다음편
허브
추천도서
Component 026
📌 Internal Link Card
FantasyPark 내부 연결 전용 카드
Component 027
🌐 Hub Navigation
허브 이동
목차 이동
컬렉션 이동
Component 028
📜 Version Information
Version
Revision
Update
Last Modified
Component 029
🏛 Footer Signature
FantasyPark Recommendation Library
Project No.
Version
Official Edition
Component 030
🌿 Library Philosophy Footer
항상 마지막에 삽입
좋은 책을 소개하는 것보다, 좋은 독자를 만드는 것이 더 중요합니다.
🏛 제4장 콘텐츠별 적용 규칙
| 허브 페이지 | Hero Banner, TOC, Roadmap, Navigation |
| Book Guide | Hero Banner, Reading Note, Insight, Mission, FAQ, Navigation |
| Core Intro | Hero Banner, Insight, Note, Mission |
| 운영 문서 | Hero Banner, Information Box, Summary |
| 특별기획 | Hero Banner, Timeline, FAQ, Recommendation |
🏛 제5장 제작 규칙
모든 신규 콘텐츠는 다음 순서를 기본으로 한다.
① Hero Banner
↓
② Document Information
↓
③ Table of Contents
↓
④ 본문
↓
⑤ Director's Insight
↓
⑥ Library Note
↓
⑦ Reading Note
↓
⑧ Growth Mission
↓
⑨ Summary
↓
⑩ FAQ
↓
⑪ Recommendation
↓
⑫ Navigation
↓
⑬ Footer Signature
🏛 제6장 유지관리
새로운 컴포넌트가 필요할 경우 다음 원칙을 따른다.
- 기존 컴포넌트와 중복되지 않을 것
- 범용적으로 재사용 가능할 것
- 모바일 환경에서 문제없이 표시될 것
- 브랜드 톤앤매너를 유지할 것
- 버전 변경 이력을 기록할 것
📜 FantasyPark UI 선언
"좋은 디자인은 화려함이 아니라, 독자가 자연스럽게 읽고 이해하도록 돕는 것입니다."
FantasyPark의 모든 컴포넌트는 독자의 학습 경험과 가독성을 높이기 위해 존재합니다.
일관된 UI는 콘텐츠를 더욱 신뢰할 수 있게 만들고, 독자가 브랜드를 자연스럽게 기억하도록 돕습니다.
📚 변경 이력
| 1.0 | FantasyPark UI Component Library 최초 공식 제정 |
🏛 발행 정보
FantasyPark Recommendation Library
Project No. : FP-001C
Document : FantasyPark UI Component Library
Version 1.0 (Official Edition)
Status : Official Standard
FantasyPark 추천도서 라이브러리
『삶과 죽음 인문학』을 재미있게 읽으셨다면
FantasyPark가 엄선한 인문학·철학·심리학 추천도서를 만나보세요.
📖 삶을 바꾸는 한 권의 책은 한 편의 글보다 오래 남습니다.
