TODAY’S DESIGN · · editorial

余白のある朝 — INTERVALRoom for Nothing — INTERVAL

何も置かない場所から、デザインを読み直す小さなエディトリアル。
淡いピンクの全面図形と、大きなセリフ体で静かな朝の余白を表現しています。

A quiet editorial on leaving things out, opened by pale pink geometry and expansive serif type.

デザインを開く / Open design ↗
light-clean · asymmetric · editorial / full-bleed / geometric / serif / pink / whitespace / design-journal / static

構成と活用のポイントComposition and adaptation

冒頭はカードや左右分割ではなく、同心円と斜めの帯が広がる一続きの画面です。
その上に誌名、特集番号、見出し、導入を重ね、本文へのリンクを配置。
本文は細い注釈欄と広い文章欄をずらして配置し、罫線と大きな引用で読む速度に変化をつけています。

デザイン誌の特集や、制作思想を伝えるスタジオの読み物に適した静的サンプルです。
狭い画面では図形を拡大してトリミングし、見出しを縮小。
注釈は本文の上へ移り、索引は各行のジャンルを見出しの下に配置します。
冒頭の補助ラベルは非表示になり、リンクはページ内の各節に移動します。

参照プロンプトは、誌名、特集テーマ、三つの本文見出しを読者に合わせて置き換えて使えます。
日本語中心にするなら、見出しの改行と文字サイズも指定してください。
図形の円と帯を残せば、写真を追加せずに独自の特集へ展開できます。

Concentric circles and a diagonal ribbon form one edge-to-edge field beneath the masthead, headline and reading link.
Below, narrow notes offset the essay; fine rules and a large quotation punctuate generous spacing.

Suitable for a design journal or studio essay.
On narrow screens, the artwork enlarges and crops, type scales down, notes move above the text and index topics sit beneath titles.
Supplementary cover labels disappear.
Links navigate within this static sample.

Adapt the reference prompt by replacing the journal name, essay theme and three chapter titles.
Specify headline breaks and sizing for a Japanese edition.
Retain the circles and ribbon for a new issue without photography.

デザインの条件Design conditions

対象 / Audience
design-enthusiasts
目的 / Purpose
storytelling
トーン / Tone
thoughtful
主な色 / Primary color
#BE185D
補助色 / Secondary color
#FCE7F3
構成 / Sections
hero / article / related

参考プロンプトの対象・目的・色・構成を、ご自身の内容に合わせて変更してください。このpreviewは静的な参考作品です。

Adapt the audience, purpose, colors and sections in the reference prompt to your own content. This preview is a static example.

MAKE IT YOUR OWN

参考プロンプトReference prompt

似たWebデザインを作るための参考プロンプト

A reference prompt for creating a similar web design.

JA
デザイン好きの読者に向けた、余白をテーマにした静的エディトリアルを制作してください。誌名はINTERVAL、特集は「Room for nothing.」。明るく清潔で思慮深い朝の雰囲気にし、主色#BE185Dと補助色#FCE7F3を使います。

冒頭は画面いっぱいに広がる一続きのグラフィック面にしてください。淡いピンクの背景に、大きな同心円、細い輪郭線、斜めに横切る幅広い帯をCSSまたはSVGで描きます。写真は不要です。誌名と小さなナビゲーションを上端、特集番号と大きな英語セリフ体の見出しを左下寄り、短い導入文と本文へのリンクをその下に重ねます。独立した文章パネルと画像欄に分けず、文字も図形も同じ全面の上に置いてください。

本文は白に近い背景へ切り替え、左の細い編集メモと、右の読みやすい文章欄を非対称に配置します。三つの短い章、セリフ体の大きな引用、余白を表した小さな幾何学図版を含めます。関連記事領域はカードではなく、番号、見出し、ジャンルを罫線で区切った三行の索引にします。リンク先はこのページ内の章とし、静的な読書サンプルであることが分かる内容にしてください。

見出しはGeorgiaとNoto Serif JPを含む固定セリフ体スタック、本文はsystem-uiとNoto Sans JPを含む固定サンセリフ体スタックを使用。小さい画面では図形を拡大して安全にトリミングし、見出しを縮小します。編集メモは本文の上へ移し、索引のジャンルは各見出しの下へ配置し、冒頭の補助ラベルを非表示にします。見出しの背後は薄く保ち、図形が文字のコントラストを妨げないようにしてください。
EN
Create a static editorial for design enthusiasts about the value of empty space. Call the journal INTERVAL and the feature 'Room for nothing.' Use #BE185D and #FCE7F3 with a bright, airy, thoughtful morning mood.

Open with one continuous edge-to-edge graphic field, not a split hero or inset card. Draw oversized concentric circles, fine outlines and a broad diagonal ribbon using SVG or CSS on pale pink. No photography is needed. Place the masthead and small navigation along the top, then overlay an issue label, very large serif headline, short introduction and reading link toward the lower left. All type belongs inside the same visual surface. Keep the geometry faint behind the headline and more pronounced toward the right.

Continue on an almost-white background with a narrow editorial-note column offset beside a wider essay. Include three short chapters, a large serif quotation and a small geometric illustration of occupied and unoccupied space. Finish with three numbered, ruled related-reading entries rather than cards. Use internal links to the essay chapters and label this area as a chapter index; this is a static reading sample, not a functioning publication platform.

Use Georgia with Noto Serif JP in the serif stack, and system-ui with Noto Sans JP for supporting type. Preserve generous vertical space and restrained fine rules. On narrow screens, enlarge and safely crop the artwork, scale the headline down, hide supplementary cover labels, stack notes above the essay and move each index topic beneath its title. Replace the journal name and chapter topics to suit another audience while retaining the continuous graphic opening.

参考プロンプトの使い方・変更例How to adapt a reference prompt

完全な再現を保証するものではありません。 / Exact reproduction is not guaranteed.