TODAY’S DESIGN · · event
AFTER HOURS — 夜をひらくコミュニティ・セッションAFTER HOURS — A Community After Dark
夜の集まりを、一枚の縦長ポスターとして描いたイベント告知。
大きな文字と軌道のような線画が、モノクロの静けさに強いリズムをつくります。
A community night announcement built as a tall monochrome poster.
Oversized lettering surrounds an orbital line drawing.
minimal-monochrome · article · event / community / monochrome / typographic / poster / night / orbital / minimal
デザインの条件Design conditions
- 対象 / Audience
- community-members
- 目的 / Purpose
- event-announcement
- トーン / Tone
- energetic
- 主な色 / Primary color
- #171717
- 補助色 / Secondary color
- #FAFAFA
- 構成 / Sections
- hero / program / details / cta
参考プロンプトの対象・目的・色・構成を、ご自身の内容に合わせて変更してください。この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.
地域のクリエイターが集まる架空の夜のイベント「AFTER HOURS」の静的告知ページを制作してください。背景は#171717、文字は#FAFAFA。写真は使わず、太いサンセリフと細い等幅文字、同心円の軌道図形で夜の緊張感を表現します。 ページの冒頭は縦長のポスターそのものにしてください。上端に小さな主催名と開催回、中央に巨大な「AFTER」、白い軌道の線画、「HOURS」を順番に積み、日時と短い日本語の招待文を続けます。二列のヒーローやカード列は使わず、一本の強い縦の読み順で見せます。線画はCSSまたはインラインSVGで構成し、中央の交差と点をアクセントにしてください。 続いて細い罫線で区切った三行のプログラムを配置します。18:30のオープニング、19:00の持ち寄り発表、20:00の交流時間を掲載。会場・参加対象・参加費は簡潔な情報欄にまとめます。末尾は白地に反転し、「夜のつづきは、ここで。」という大きな言葉と、開催詳細へ移動するページ内リンクを置きます。実際の予約フォームや申込完了機能は含めません。イベント内容と会場名はサンプルとして扱ってください。 余白は広く、見出しは密に、案内文は読みやすい行間にします。スマートフォンでは文字と図形を画面に収め、詳細情報は一列、プログラムは左に時刻・右に題名と補足を配置します。フッターにはサンプルイベントであることを小さく記載してください。
Create a static announcement for AFTER HOURS, a fictional evening gathering for a local creative community. Use #171717 and #FAFAFA, heavy sans-serif titles, small monospace labels and an orbital line drawing instead of photography. Make the opening read as a tall poster: a small organizer and edition line, an enormous AFTER, a central orbital mark, then an enormous HOURS, followed by the date and a short Japanese invitation. Keep one dominant vertical reading sequence rather than a split hero or card row. Build the mark in CSS or inline SVG with concentric elliptical lines, a crossing axis and a small bright point. Continue with three ruled program rows: an 18:30 opening, 19:00 community show-and-tell and 20:00 open conversation. Add concise venue, audience and admission details. End with an off-white panel, a large Japanese invitation and an internal link back to the event details. This link is navigation, not registration. Treat the venue and program as sample content and identify the concept event in the footer. Use generous outer spacing, tightly set display type and comfortable body leading. On small screens, scale the headline and drawing within the page, stack venue information, and retain schedule times on the left with titles and notes on the right. Keep the composition monochrome and vertically continuous.
参考プロンプトの使い方・変更例How to adapt a reference prompt
完全な再現を保証するものではありません。 / Exact reproduction is not guaranteed.
構成と活用のポイントComposition and adaptation
冒頭は「AFTER」、中央のリング、「HOURS」、日時という一本の読み順です。
太いサンセリフの見出しと小さな等幅の情報を対比させ、左右の余白と細い罫線で整えています。
プログラムはカードではなく時刻付きの行で続き、最後の白い案内面で明暗が反転します。
地域の交流会や、制作について語り合う夜の告知に向いています。
画面幅が狭くなると見出しと線画が縮小し、会場情報は一列へ移動。
プログラムは時刻を左に残し、題名と補足を右にまとめます。
末尾のリンクは詳細へ戻るページ内移動で、予約機能ではありません。
参考プロンプトでは、イベント名、開催日、会場、三つの進行内容を自分たちの集まりに置き換えてください。
長い名称なら二段の短い表現を指定すると、この縦の流れを保ちやすくなります。
実際の申込先を掲載する場合は、静的な詳細リンクとは別の導線として指定できます。
Read downward through AFTER, the central mark, HOURS and the date.
Heavy sans-serif type meets small monospace labels.
Fine rules organize the schedule; an off-white closing panel reverses the contrast.
Suited to local creative meetups.
On narrow screens, type and artwork scale down, venue details stack, and program times remain left of titles and notes.
The closing link jumps to details, not a booking service.
Adapt the reference prompt with your event name, date, venue and three program items.
Request a short two-line name to retain the vertical rhythm.
Specify a separate registration destination if needed.