Dark News Article UI Redesign

Transforms a simple Japanese AI news article page into a modern dark editorial layout with sidebar summaries, tags, sharing, and related articles.

REFERENCE_1을 원본 기사 페이지로, REFERENCE_0을 사이트 브랜딩 및 내비게이션 참조로 사용하여, 일본어 기사 주제와 전체적인 사이트 정체성을 유지하면서 세련된 현대적 다크 모드 뉴스 UI로 기사 페이지를 리디자인하세요. 로고와 내비게이션 링크가 포함된 헤더는 유지하되, 기사 레이아웃을 더 넓고 에디토리얼하게 구성하세요. 아카이브로 돌아가기 링크, 카테고리 필, 날짜, 크고 굵은 헤드라인, 짧은 소개 문단, 그리고 다크 스페이스/행성 글로우 모티브가 적용된 와이드 시네마틱 히어로 이미지를 추가하세요. 기사 본문을 「Claude Codeの発表」, 「計算資源の強化とパートナーシップ」, 「利用規約の更新と謝罪」, 「機能・プロダクトのアップデート」, 「今後の展望」 등 정확히 5개의 섹션 제목으로 명확하게 구분하여 재구성하세요. 강조된 노트/콜아웃 박스 1개, 인용문 박스 1개, 불릿 리스트, 하단 소스 링크 카드 등 인라인 UI 요소를 추가하세요. 오른쪽에 정확히 4개의 카드가 쌓인 사이드바를 추가하세요: 1) 5개의 번호가 매겨진 요약 포인트가 있는 「この記事の要点」, 2) Anthropic, Claude, Claude Code, エージェント, 計算資源, パートナーシップ으로 라벨이 지정된 6개의 태그 칩이 있는 「タグ」, 3) 링크, Twitter/X, Facebook, Hatena Bookmark용 공유 버튼/아이콘 4개가 있는 「シェア」, 4) 4개의 관련 기사 링크와 날짜가 있는 「関連記事」. 은은한 테두리, 둥근 카드, 차분한 회색 텍스트, 앰버 컬러의 강조 라인, 넉넉한 간격을 사용하세요. 푸터 링크인 GitHub와 news.smol.ai는 유지하세요.

기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.

✨ 생성 저장 프롬프트 복사 공유 원본 게시물 Hitboard에서 열기