Design Foundations · 2026
랜딩 페이지의 Pretendard 시스템을 단일 진실의 원천으로 삼는다. 한글·라틴·숫자가 한 가족 안에서 무게 대비로 위계를 만들고, 메타·라벨·날짜만 DM Mono로 분리한다.
거의 검정에 가까운 따뜻한 바탕에 황금(gold)을 단일 주조색으로 둔다. 세션마다 다루는 주제의 결을 시각적으로 구분하기 위해 러스트·티얼·블루·퍼플 네 가지 보조 색을 같은 채도·명도 대역에 배치했다.
한글·라틴·숫자 모두 Pretendard Variable 한 가족 안에서 작동한다. 위계는 서체 교체가 아닌 무게(200–900)와 자간의 대비로 만든다. DM Mono는 메타데이터·날짜·라벨처럼 '기계의 어휘'에만 쓴다. 강조는 이탤릭이 아닌 .accent 클래스로 황금 색을 입힌다.
민주주의는 200년도 안 됐지만 봉건제는 1000년 가까이 갔다. 그 비결은 서로를 떠받치는 상호강화 구조에 있었다.
기존에는 이란이 호르무즈 해협을 통제할 수 있다는 가능성을 모두가 알고 있었지만, 실제로 그 통제력을 적극적으로 행사해 세계 무역 질서에 대한 지렛대로 쓴 적은 없었다. 이번 전쟁은 달랐다.
Archive · Since 2020
Economy · Technology · Education
모든 간격은 8px 배수로 정의된다. 세션 페이지는 큰 호흡(96–128px)을 섹션 사이에 두고, 컴포넌트 내부에서는 작은 호흡(8–32px)을 쓴다.
모든 세션 페이지의 첫 화면은 라디얼 글로우 + 옅은 그리드 위에 세 가지 요소(아이브로우 · 타이틀 · 메타)를 쌓는다. 메타는 항상 일시 · 주제 · 형식의 트리오.
지적 대화를 위한 모임 · Session Report
본문에서 반복적으로 등장하는 다섯 가지 패턴. 모두 같은 컬러 토큰(--c)을 받아서 강조 색만 바꿔 쓸 수 있다.
테크노크라트는 단순한 기업인이 아니다. 데이터, 플랫폼, 알고리즘을 통해 사회 구조를 재설계할 수 있다고 믿는 새로운 권력층이다.
국제해상질서의 핵심인 항행의 자유가 이란의 전략 자산화로 인해 도전을 받는다.
팔란티어의 표적 식별은 잘못된 데이터로 민간인 피해를 만들 수 있다.
귀족·성직자·기사 구조가 금융·복음·테크노크라트로 환생한다.
SNS 흔적을 크롤링·분석하는 일이 누구나 가능한 시대.
이 상호강화 구조가 봉건제를 1000년 버티게 했다. 성직자와 귀족은 기사들에게 전쟁을 공급하고, 기사들은 체제를 물리력으로 보호하고, 귀족은 나머지 둘을 재정적으로 뒷받침했다.
핵심 전망
이란의 핵개발은 이제 막기 어려워졌다. 저 정도 규모의 피해와 안보 위협을 겪고도 핵개발을 하지 않을 나라는 없다. 핵개발은 선택이 아니라 생존의 문제로 전환되었다.
미국이 제시한 평화협상안은 현재 상황을 제대로 이해하지 못한 결과였다.
이스라엘은 문제 해결에 도움도 안 되면서 사고만 계속 친다. 국제사회는 피로감을 느낀다.
실질적 패배를 인정하면서도 정신적으로는 승리한 것처럼 포장하며 전쟁을 마무리하는 것뿐.
새 세션 페이지를 만들 때 <link rel="stylesheet" href="system/tokens.css"> 한 줄만 추가하면 아래 변수와 컴포넌트가 즉시 사용 가능하다. 폰트(Pretendard, DM Mono)는 토큰 파일이 직접 임포트한다.
| Token | Value | Use |
|---|---|---|
| --bg | #0d0d0f | 페이지 바탕 |
| --bg-2 | #131318 | 오버뷰 스트립, 결론 섹션 |
| --bg-3 | #17171c | 카드 표면 |
| --gold | #c9a96e | 주조색, 아이브로우, 보더 강조 |
| --rust | #b84d35 | 긴장·열기·문제 제기 |
| --teal | #5a9a8e | 구조 분석, 유비 |
| --blue | #6a88b5 | 경제·시장·분석 |
| --purple | #7c5c9c | 비판·전망·민주주의 |
| --text | #ece7dc | 본문 ink |
| --text-dim | #8d8478 | 본문 보조 |
| --line | rgba(201,169,110, 0.20) | 골드 디바이더 |
| --font-display | Pretendard Variable | 모든 한글·라틴·숫자 본문 / 헤드라인 |
| --font-mono | DM Mono | 메타 · 라벨 · 날짜 · 코드 |
| --font-serif-kr --font-serif-en --font-sans | → var(--font-display) | v1 호환용 alias. 신규 페이지에서는 사용하지 말 것. |