红尘
d73ff9b0fb
Deploy Site / deploy-vercel (push) Has been cancelled
Deploy Site / deploy-docs (push) Has been cancelled
Docker / shell lint / Lint Dockerfile (hadolint) (push) Has been cancelled
Docker / shell lint / Lint docker/ shell scripts (shellcheck) (push) Has been cancelled
Docker Build and Publish / build-amd64 (push) Has been cancelled
Docker Build and Publish / build-arm64 (push) Has been cancelled
Lint (ruff + ty) / ruff + ty diff (push) Has been cancelled
Lint (ruff + ty) / ruff enforcement (blocking) (push) Has been cancelled
Lint (ruff + ty) / Windows footguns (blocking) (push) Has been cancelled
Nix Lockfile Fix / auto-fix-main (push) Has been cancelled
Nix Lockfile Fix / fix (push) Has been cancelled
Nix / nix (macos-latest) (push) Has been cancelled
Nix / nix (ubuntu-latest) (push) Has been cancelled
OSV-Scanner / Scan lockfiles (push) Has been cancelled
Build Skills Index / build-index (push) Has been cancelled
Tests / test (1) (push) Has been cancelled
Tests / test (2) (push) Has been cancelled
Tests / test (3) (push) Has been cancelled
Tests / test (4) (push) Has been cancelled
Tests / test (5) (push) Has been cancelled
Tests / test (6) (push) Has been cancelled
Tests / e2e (push) Has been cancelled
uv.lock check / uv lock --check (push) Has been cancelled
Docker Build and Publish / merge (push) Has been cancelled
Build Skills Index / trigger-deploy (push) Has been cancelled
Tests / save-durations (push) Has been cancelled
41 lines
1.4 KiB
Markdown
41 lines
1.4 KiB
Markdown
# four-panel
|
||
|
||
四格漫画 - Strict 2×2 grid, single-page story
|
||
|
||
## Panel Structure
|
||
|
||
- **Panels per page**: 4 (exactly, no variation)
|
||
- **Structure**: Strict 2×2 equal grid
|
||
- **Gutters**: Consistent white space (8-10px), uniform on all sides
|
||
|
||
## Grid Configuration
|
||
|
||
- 2 columns × 2 rows, all panels identical size
|
||
- Panel sizes: Exactly equal (each panel = 25% of content area)
|
||
- Reading flow: Z-pattern — Panel 1 (top-left) → Panel 2 (top-right) → Panel 3 (bottom-left) → Panel 4 (bottom-right)
|
||
|
||
## Narrative Structure
|
||
|
||
Each panel serves a specific narrative role (起承转合 / kishōtenketsu):
|
||
|
||
| Panel | Position | Role | Purpose |
|
||
|-------|----------|------|---------|
|
||
| 1 | Top-left | 起 Setup | Establish situation, introduce characters/problem |
|
||
| 2 | Top-right | 承 Development | Build on setup, add complication or attempt |
|
||
| 3 | Bottom-left | 转 Turn | Twist, key insight, or reversal — the pivotal moment |
|
||
| 4 | Bottom-right | 合 Conclusion | Resolution, punchline, or takeaway |
|
||
|
||
## Aspect Ratio
|
||
|
||
- Recommended page aspect: **4:3** (landscape)
|
||
- Landscape gives each panel a comfortable wide rectangle
|
||
- Portrait (3:4) makes panels tall and narrow — avoid for this layout
|
||
|
||
## Best For
|
||
|
||
Business allegory, quick-insight education, social media comics, fables, parables, single-concept explanation
|
||
|
||
## Best Style Pairings
|
||
|
||
minimalist, ligne-claire, chalk
|