Back to Hub
Fusion Sample / Editorial x Terminal Go to Hub

Layering terminal narrative on refined editorial

정돈된 에디토리얼 위에, 터미널 내러티브를 얹는 방식

整ったエディトリアルの上に、 ターミナルナラティブを重ねる手法

Blends the reading rhythm of Editorial Silence with the technical narrative of Terminal Core to create a trustworthy, technical-document-style landing page.

$ tone --editorial --quiet

$ narrative --terminal --functional

$ result --readable --technical

AI Request Prompt

Design a page that combines a clean, monochrome editorial layout with a retro green-on-black terminal interface.

Style rules:
- Background: Warm off-white (#f5f0eb) for editorial sections, #0a0f08 dark for terminal sections
- Typography: Headlines in serif (Georgia or Noto Serif), body in clean sans-serif, terminal text in monospace
- Layout: Wide editorial margins (max-width 720px body text), terminal blocks break full-width
- Colors: Body text #3b3631, muted #b7aea2, terminal green #3f6b4f on dark
- Components: Editorial sections use generous line-height (1.8+), terminal sections use command log pattern ($ prefix + output)
- Borders: Thin 1px #b7aea2 separators between editorial sections, green glow border on terminal blocks

Responsive:
- Mobile (~768px): Single column, terminal blocks stack below editorial, font sizes scaled down
- Desktop: max-width 960px, alternating editorial/terminal rhythm

Restrictions:
- No color mixing — editorial is warm monochrome, terminal is strictly green-on-dark
- No heavy shadows or gradients — clean flat surfaces
- No animations except subtle terminal cursor blink

Output:
1) Dual-tone design tokens (editorial warm + terminal green)
2) Section rhythm and alternating layout system
3) HTML/CSS code with responsive support