편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
<div class="clbi-stylelab">
<div class="stylelab">


<div class="clbi-logo">
<div class="lab-logo">
[[파일:Img-clbi-001.png|720px|link=]]
[[파일:Img-clbi-001.png|720px|link=]]
</div>
</div>


{| class="clbi-directory"
{| class="directory"
|-
|-
| [[역사적 사건|역사적 사건]]
| [[역사적 사건|역사적 사건]]
15번째 줄: 15번째 줄:
|}
|}


<div class="clbi-console">
<div class="console">
<div class="clbi-titlebar">
<div class="titlebar">
<span>COASTLINE: BLACK ICE / OFFICIAL ARCHIVE</span>
<span>COASTLINE: BLACK ICE / OFFICIAL ARCHIVE</span>
<span>MAIN RECORD ACCESS</span>
<span>MAIN RECORD ACCESS</span>
</div>
</div>


<div class="clbi-console-grid">
<div class="console-grid">
<div class="clbi-main-screen">
<div class="main-screen">
<h2>“절멸을 향한 위대한 장정”</h2>
<h2>“절멸을 향한 위대한 장정”</h2>


32번째 줄: 32번째 줄:
</div>
</div>


<div class="clbi-side-screen">
<div class="side-screen">
<div class="clbi-data-title">ARCHIVE INDEX</div>
<div class="data-title">ARCHIVE INDEX</div>
<table class="clbi-data-table">
<table class="data-table">
<tr><td>MODE</td><td>PUBLIC RECORD</td></tr>
<tr><td>MODE</td><td>PUBLIC RECORD</td></tr>
<tr><td>BUILD</td><td>BLACK ICE</td></tr>
<tr><td>BUILD</td><td>BLACK ICE</td></tr>
41번째 줄: 41번째 줄:
</table>
</table>


<div class="clbi-data-title" style="margin-top:8px;">NOTICE</div>
<div class="data-title" style="margin-top:8px;">NOTICE</div>
<table class="clbi-data-table">
<table class="data-table">
<tr><td>01</td><td>문서 정리 진행 중</td></tr>
<tr><td>01</td><td>문서 정리 진행 중</td></tr>
<tr><td>02</td><td>설정 기준 갱신 예정</td></tr>
<tr><td>02</td><td>설정 기준 갱신 예정</td></tr>
51번째 줄: 51번째 줄:
</div>
</div>


<div class="clbi-ticker">
<div class="ticker">
SITE LOG :: 테스트 단계 / 북쪽 광원 / 무광 건메탈 / 외곽선 1겹 / 내부 행은 약한 구분선만 사용
SITE LOG :: 테스트 단계 / 북쪽 광원 / 무광 건메탈 / 외곽선 1겹 / 내부 행은 약한 구분선만 사용
</div>
</div>


<div class="clbi-module-grid">
<div class="module-grid">


<div class="clbi-panel">
<div class="panel">
<div class="clbi-titlebar">
<div class="titlebar">
<span>SITE CHANGELOG</span>
<span>SITE CHANGELOG</span>
<span>LOCAL</span>
<span>LOCAL</span>
</div>
</div>
<div class="clbi-panel-body">
<div class="panel-body">
<ul class="clbi-record-list">
<ul class="record-list">
<li><span>대문 리메이크 테스트 프레임 정리</span><span class="clbi-meta">TEST</span></li>
<li><span>대문 리메이크 테스트 프레임 정리</span><span class="meta">TEST</span></li>
<li><span>외곽선 중첩 제거 및 시각 부피 규칙 적용</span><span class="clbi-meta">CSS</span></li>
<li><span>외곽선 중첩 제거 및 시각 부피 규칙 적용</span><span class="meta">CSS</span></li>
<li><span>북쪽 광원 기준으로 테두리 방향 통일</span><span class="clbi-meta">STYLE</span></li>
<li><span>북쪽 광원 기준으로 테두리 방향 통일</span><span class="meta">STYLE</span></li>
</ul>
</ul>
</div>
</div>
</div>
</div>


<div class="clbi-panel">
<div class="panel work-panel">
<div class="clbi-titlebar">
<div class="titlebar">
<span>PROJECT TRACKER</span>
<span>PROJECT TRACKER</span>
<span>TEAM</span>
<span class="work-badge">WIP:</span>
</div>
</div>
<div class="clbi-panel-body">
<div class="panel-body">
<ul class="clbi-record-list">
<ul class="record-list">
<li><span>[[21세기 위기|21세기 위기]] 문서 정리</span><span class="clbi-status-tag">진행</span></li>
<li><span>[[21세기 위기|21세기 위기]] 문서 정리</span><span class="status-tag is-progress">진행</span></li>
<li><span>[[아나톨리아 연방|아나톨리아 연방]] 설정 보강</span><span class="clbi-status-tag">검수</span></li>
<li><span>[[아나톨리아 연방|아나톨리아 연방]] 설정 보강</span><span class="status-tag is-review">검수</span></li>
<li><span>공단 키비주얼 제작</span><span class="clbi-status-tag">대기</span></li>
<li><span>공단 키비주얼 제작</span><span class="status-tag is-wait">대기</span></li>
</ul>
</ul>
</div>
</div>
</div>
</div>


<div class="clbi-panel">
<div class="panel">
<div class="clbi-titlebar">
<div class="titlebar">
<span>ARCHIVE STATUS</span>
<span>ARCHIVE STATUS</span>
<span>COUNT</span>
<span>COUNT</span>
</div>
</div>
<div class="clbi-panel-body">
<div class="panel-body">
<div class="clbi-status-grid">
<div class="status-grid">
<div class="clbi-counter">
<div class="counter">
<b>000</b>
<b>000</b>
<span>DOCUMENTS</span>
<span>DOCUMENTS</span>
</div>
</div>
<div class="clbi-counter">
<div class="counter">
<b>006</b>
<b>006</b>
<span>CATEGORIES</span>
<span>CATEGORIES</span>
102번째 줄: 102번째 줄:
</div>
</div>


<div class="clbi-guestbook">
<div class="guestbook">
<b>GUESTBOOK</b><br>
<b>GUESTBOOK</b><br>
방문 기록 패널 테스트 중. 이 영역은 공식 기록소의 운영 흔적을 보여주는 보조 모듈입니다.
방문 기록 패널 테스트 중. 이 영역은 공식 기록소의 운영 흔적을 보여주는 보조 모듈입니다.
111번째 줄: 111번째 줄:
</div>
</div>


<div class="clbi-panel" style="margin-top:6px;">
<div class="panel" style="margin-top:6px;">
<div class="clbi-titlebar">
<div class="titlebar">
<span>STYLE RULE CHECK</span>
<span>STYLE RULE CHECK</span>
<span>MANUAL</span>
<span>MANUAL</span>
</div>
</div>
<div class="clbi-panel-body">
<div class="panel-body">
<div class="clbi-sample-row">
<div class="sample-row">
<div class="clbi-sample-label">광원</div>
<div class="sample-label">광원</div>
<div class="clbi-sample-value">북쪽 광원. 위 테두리만 밝고, 좌우는 중간톤, 아래는 어둡게 처리.</div>
<div class="sample-value">북쪽 광원. 위 테두리만 밝고, 좌우는 중간톤, 아래는 어둡게 처리.</div>
</div>
</div>
<div class="clbi-sample-row">
<div class="sample-row">
<div class="clbi-sample-label">외장</div>
<div class="sample-label">외장</div>
<div class="clbi-sample-value">프레임은 1겹. outline, 외부 shadow, 중복 inset 효과는 사용하지 않음.</div>
<div class="sample-value">프레임은 1겹. outline, 외부 shadow, 중복 inset 효과는 사용하지 않음.</div>
</div>
</div>
<div class="clbi-sample-row">
<div class="sample-row">
<div class="clbi-sample-label">내부 정보</div>
<div class="sample-label">내부 정보</div>
<div class="clbi-sample-value">리스트 행은 독립 버튼처럼 띄우지 않고, 약한 행 구분선으로만 분리.</div>
<div class="sample-value">리스트 행은 독립 버튼처럼 띄우지 않고, 약한 행 구분선으로만 분리.</div>
</div>
</div>
<div class="clbi-sample-row">
<div class="sample-row">
<div class="clbi-sample-label">신호색</div>
<div class="sample-label">색상</div>
<div class="clbi-sample-value">보라색은 구조색이 아니라 상태 라벨, 활성, 경고 같은 신호에만 제한적으로 사용.</div>
<div class="sample-value">구조는 무채색으로 유지하고, 상태·분류·작업 단계처럼 작은 정보 단위에만 제한적으로 색을 사용.</div>
</div>
<div class="sample-row">
<div class="sample-label">WIP: 모티프</div>
<div class="sample-value">공사 라인은 PROJECT TRACKER, 제작 로그, WIP 공지처럼 제작 주체가 전면에 오는 영역에만 사용.</div>
</div>
</div>
</div>
</div>

2026년 5월 17일 (일) 07:30 판

역사적 사건 설정 국가 및 조합 기업 및 공동체 군, 정치집단 인물

COASTLINE: BLACK ICE / OFFICIAL ARCHIVE MAIN RECORD ACCESS

“절멸을 향한 위대한 장정”

쉼 없이 돌아가는 전쟁 기계들과 변방의 공단에서 뿜어져 나오는 검은 연기가 하늘을 뒤덮고, 매섭게 휘몰아치는 눈보라와 뼛속까지 스며드는 혹한이 남은 생활권을 위협하고 있습니다.

땅이 굳고, 자원은 바닥을 드러냈습니다. 과거의 개념들이 방법론으로 거론되면서, 갈등은 더욱 원시적인 방식으로 치닫고, 그 틈 속에서 사람들은 고통과 공포에 신음합니다.

그리고 시곗바늘이 흘러 2100년 1월 1일에 다다를 때, 사람들은 질문을 늦춘 대가로 답을 잃었다는 사실을 비로소 깨닫게 될 것입니다.

ARCHIVE INDEX
MODEPUBLIC RECORD
BUILDBLACK ICE
LIGHTNORTH
STATUSOPEN
NOTICE
01문서 정리 진행 중
02설정 기준 갱신 예정
03대문 스킨 테스트

SITE LOG :: 테스트 단계 / 북쪽 광원 / 무광 건메탈 / 외곽선 1겹 / 내부 행은 약한 구분선만 사용

SITE CHANGELOG LOCAL

  • 대문 리메이크 테스트 프레임 정리TEST
  • 외곽선 중첩 제거 및 시각 부피 규칙 적용CSS
  • 북쪽 광원 기준으로 테두리 방향 통일STYLE

PROJECT TRACKER WIP:

ARCHIVE STATUS COUNT

000 DOCUMENTS

006 CATEGORIES

GUESTBOOK
방문 기록 패널 테스트 중. 이 영역은 공식 기록소의 운영 흔적을 보여주는 보조 모듈입니다.

STYLE RULE CHECK MANUAL

광원
북쪽 광원. 위 테두리만 밝고, 좌우는 중간톤, 아래는 어둡게 처리.
외장
프레임은 1겹. outline, 외부 shadow, 중복 inset 효과는 사용하지 않음.
내부 정보
리스트 행은 독립 버튼처럼 띄우지 않고, 약한 행 구분선으로만 분리.
색상
구조는 무채색으로 유지하고, 상태·분류·작업 단계처럼 작은 정보 단위에만 제한적으로 색을 사용.
WIP: 모티프
공사 라인은 PROJECT TRACKER, 제작 로그, WIP 공지처럼 제작 주체가 전면에 오는 영역에만 사용.