셸 밖에서는 SystemLayout(로고 · 가운데 빈 상태 · 바닥 정보)의 전체 화면이고, 셸 안에서는 내비를 그대로 두고 본문 자리에 Empty(page)만 둡니다. 빨강은 서버가 실패한 500 의 아이콘에만 쓰고, 찾을 수 없음 · 권한 없음 · 점검은 중립 · 정보로 말합니다. 오프라인은 화면을 막지 않고 셸 위 Banner(warn) 와 보낼 대기열로 다룹니다.

import

import { SystemLayout } from "@uyoolabs/ui/ui";

쓰는 경우

라우터의 not-found · 오류 경계 · 점검 응답처럼 셸을 그릴 수 없거나 그리지 않는 전체 화면에 씁니다.

쓰지 않는 경우

셸 안 화면에서 쓰지 않습니다(Empty page 로). 404 · 403 · 점검을 빨강으로 말하지 않습니다. 큰 일러스트 · 농담 문구로 원인을 가리지 않습니다. 스택 트레이스 · 내부 경로를 보이지 않습니다. 카드 하나의 실패로 화면 전체를 500 으로 바꾸지 않습니다. 오프라인 때 전체 화면을 막지 않습니다.

제목 · 포커스

브레드크럼이 없는 화면이라 제목이 h1 입니다(결정 #23). 문서 제목(<title>)이 상태를 말하고, 앱이 첫 포커스를 제목(tabIndex=-1)으로 옮깁니다.