실패 · 비어 있음 블록

섹션마다 따로 채우기 때문에 한 섹션이 실패하거나 비어도 나머지는 그대로 보입니다. 두 상태 모두 섹션 본문 자리를 그대로 차지해서, 늦게 도착한 섹션 때문에 페이지가 밀리지 않습니다.

실패 모든 섹션 공통

일시적인 오류가 생겼어요.
잠시 후 다시 시도해 주세요.

비어 있음 섹션마다 문구가 다름 (커뮤니티 예시)

아직 올라온 글이 없어요

첫 글 쓰러 가기
두 블록의 공통 규격
  • 바탕 #FAFBFC · 테두리 1px #EDEFF2 · 라운드 16px. 섹션 본문이 있어야 할 높이를 min-height 로 그대로 채웁니다.
  • 아이콘은 44px 원형(#F2F4F7) 안에 22px 선 아이콘(#9BA1A9). 색으로 경고를 주지 않습니다 — 브랜드 오렌지도, 빨강도 쓰지 않습니다.
  • 본문 14px #5B6169, 보조 문구 13px #9BA1A9, 가운데 정렬, 최대 20rem 에서 줄바꿈.
  • 실패에는 「다시 시도」 버튼(36px · 흰 바탕 · 1px #D6DAE0 테두리)이 항상 붙습니다. 비어 있음에는 갈 곳이 있을 때만 글자 링크를 붙입니다.
  • 실패 문구는 에러 코드 맵의 SYS_001 문장을 그대로 씁니다. 서버가 다른 코드를 내려주면 그 코드의 문장으로 바뀝니다 — 화면에서 문구를 새로 짓지 않습니다.
  • 한 섹션이 실패해도 그 섹션만 다시 부릅니다. 페이지 전체를 새로 고치게 하지 않습니다.
섹션별 비어 있음 문구

«데이터가 없습니다» 같은 한 문장으로 묶지 않았습니다. 비어 있는 이유가 섹션마다 다르고, 다음에 할 일도 다릅니다.

섹션문구보조 문구액션
이벤트
진행 중인 이벤트가 없어요 새 이벤트가 열리면 알려 드릴게요 없음
검색 랭킹
아직 집계된 검색이 없어요 검색이 쌓이면 순위가 나타납니다 없음
게임 랭킹
이번 시즌 랭킹이 아직 열리지 않았어요 — 지난 시즌 보기
커뮤니티
아직 올라온 글이 없어요 — 첫 글 쓰러 가기
소식 (서든어택 · 서린즈)
등록된 소식이 없어요 — 없음
지금 방송 중
지금 방송 중인 채널이 없어요 방송이 시작되면 여기에 표시됩니다 없음