Financials - Design Notes
Why Each Year Looks Different
本サイトの Annual Report は、年度ごとに意図的に異なるデザインスタイルを採用しています。
これは統一感の欠如ではなく、デザインと実装の学習を兼ねた意図的な選択です。毎年新しいスタイルに挑戦することで、Web デザインの表現力を広げ、異なる見せ方が読み手に与える印象の違いを実験的に検証しています。今後も年度が変わるたびに新しいアプローチを試していく方針です。
以下の比較表は、各年度のデザイン決定を記録し、次のスタイル検討時の出発点として活用するためのものです。
Design Comparison
| Aspect | 2025 | 2026 |
|---|---|---|
| Design Reference | macOS App Window | Academic Paper (LaTeX) |
| Typography | System sans-serif (-apple-system, Segoe UI, Roboto) | Crimson Pro (serif) + Lato (UI) + Source Code Pro (code) |
| Color Accent | Blue #2563eb |
Maroon #800000 |
| Layout Frame | Mac-style window chrome (red/yellow/green dots, shadow) | Double-border academic frame with footnotes |
| Content Structure | Header → Callout → iframe | Abstract → Table of Contents → iframe → Footnotes |
| Data Scope | KPI Summary (1 table) | 5 tables (KPI, P/L, BS, CF, Risk) |
| Mood | Clean / SaaS Dashboard | Formal / Academic |
Change Log
- 2025-12: 初版ダッシュボード作成。macOS 風の App Window スタイルを採用。iframe による KPI 表示。
- 2026-01: 2026 年度版を Academic Paper スタイルで新設。財務諸表形式（P/L, BS, CF）を追加。