まちの、いい日。— ご近所アクションデーA Good Day Together — Neighborhood Action Day
イベント・キャンペーン · キャンペーン紹介
複数モジュール
Events / campaigns · Introduce a campaign
Dashboard modules
community / event-dashboard / warm-colors / typography / local-event / responsive
作りたいページの目的と、情報の並べ方から参考作品を探せます。Find references by what your page needs to communicate and how its information is arranged.
同じ内容の構成比較 / Same-content layout study · 作品ごとの解説 / Design notes
構図は生成時の指定です。実際の配置は作品を開いて比較してください。構図情報のない過去作品も一覧に含まれます。Composition labels describe generation briefs. Open each design to compare its actual layout. Legacy designs without composition metadata remain listed.
イベント・キャンペーン · キャンペーン紹介
複数モジュール
Events / campaigns · Introduce a campaign
Dashboard modules
community / event-dashboard / warm-colors / typography / local-event / responsive
作品・プロフィール · プロフィール紹介
大きな余白
Portfolio / profile · Introduce yourself
Minimal whitespace
portfolio / negative-space / typography / monochrome / green / serif / art-direction / minimal
ランディングページ · サービス紹介
左右分割
Landing page · Promote a service
Split hero
dark-luxury / creative-studio / violet / editorial / serif / abstract-art / split-hero
企業・サービス · サービスの全体像
中央タイポグラフィ
Company / services · Explain services
Centered typography
corporate / typographic / centered / natural-warm / consulting / serif / monochrome
商品・コレクション · 商品を見せる
サイドバーと本文
Products / collections · Showcase products
Sidebar and content
product-showcase / sidebar-content / tech-futuristic / blue / css-illustration / desk-accessories / airy / catalog
読み物・記事 · ストーリーを伝える
全面ビジュアル
Editorial / articles · Tell a story
Full-bleed visual
editorial / full-bleed / geometric / serif / pink / whitespace / design-journal / static
イベント・キャンペーン · イベント告知
縦長ポスター
Events / campaigns · Announce an event
Vertical poster
event / community / monochrome / typographic / poster / night / orbital / minimal
ランディングページ · 商品紹介
コンテンツから始める
Landing page · Introduce a product
Content first
content-first / dark-luxury / violet / product-catalog / small-business / typographic / static-demo
読み物・記事 · 知識・読み物
複数モジュール
Editorial / articles · Share knowledge
Dashboard modules
editorial / dashboard / typography / negative-space / reading-desk / magenta / css-art / responsive
商品・コレクション · コレクション紹介
パネルの組み合わせ
Products / collections · Introduce a collection
Bento grid
bento-grid / lighting / electric-blue / svg-illustration / product-collection / night-mood / oversized-type / static-commerce
作品・プロフィール · 作品紹介
重なりのある構成
Portfolio / profile · Showcase work
Overlapping layers
portfolio / natural-warm / overlap / botanical / typography / editorial / identity / paper
大きな文字が傾けた植物のポスターに重なり、手前の小さな紹介パネルが奥行きをつくります。明るい紙の面を文字の背後へ置く点が、重なりを読める状態に保っています。
Large type crosses a tilted botanical poster, with a smaller foreground introduction panel. Light paper behind the lettering helps preserve readability through the layers.
使いどころ・応用・注意点を読むRead uses, adaptations and limitations企業・サービス · 企業紹介
大きな余白
Company / services · Introduce a company
Minimal whitespace
corporate / whitespace / typography / green / colorful / japanese / partnership
中央の短いメッセージを大きな余白で囲み、下へ進むと罫線で区切った事業紹介へ切り替わります。写真なしで言葉を主役にした入口です。
Whitespace surrounds a short centered message before ruled service rows appear farther down. Words, rather than photography, carry the opening.
使いどころ・応用・注意点を読むRead uses, adaptations and limitationsランディングページ · 商品紹介
非対称エディトリアル
Landing page · Introduce a product
Asymmetric editorial
saas / workflow / small-business / editorial / asymmetric / violet / product-ui / typographic
見出しの2行目を右へずらし、その下の短い説明と大きなUI図を異なる高さ・幅に配置。装飾の違いだけでなく、見出しから図へ読む順序をつくっています。
The second headline line is indented; the copy and larger UI drawing below start at different heights and widths. The structure directs reading from the statement to the illustration.
使いどころ・応用・注意点を読むRead uses, adaptations and limitations商品・コレクション · 商品を見せる
実験的なグリッド
Products / collections · Showcase products
Experimental grid
commerce / dark-luxury / teaware / editorial / experimental-grid / serif / deep-green
深い緑の画面で、大きな見出しとビジュアル枠の開始位置をずらしています。公開版の枠は代替ビジュアルのため、茶器そのものの比較資料ではありません。
The deep green opening offsets the heading and visual panel vertically. Fallback visuals make this a composition reference, not evidence for comparing real teaware.
使いどころ・応用・注意点を読むRead uses, adaptations and limitations読み物・記事 · 知識・読み物
構図情報なし(過去作品)
Editorial / articles · Share knowledge
No composition metadata (legacy)
editorial / natural-warm / materials / craft / japanese / serif / responsive / quiet-design
明朝体の大見出しと縦長の画像枠、その下の目次と本文で、読むことを中心にした構成です。公開版の画像は代替ビジュアルで、陶器・木・布の実物写真を示していません。
A large serif heading and tall visual lead into a contents rail and reading column. Published fallback visuals do not document actual pottery, wood or linen.
使いどころ・応用・注意点を読むRead uses, adaptations and limitations企業・サービス · サービスの全体像
構図情報なし(過去作品)
Company / services · Explain services
No composition metadata (legacy)
corporate / monochrome / minimal / card-grid / business-design / partnership / typography / geometric
左の大見出し、右の黒いフレーム図、続く3つのサービス枠で、抽象的な姿勢から提供内容へ視線を移します。写真なしでも図形で印象をつくれる例です。
A large heading, a black frame illustration and three service panels lead from an abstract position to concrete offerings. Geometry provides an identity without photography.
使いどころ・応用・注意点を読むRead uses, adaptations and limitationsイベント・キャンペーン · キャンペーン紹介
構図情報なし(過去作品)
Events / campaigns · Introduce a campaign
No composition metadata (legacy)
event / light-clean / two-column / workshop / floral / pink / welcoming / japanese / editorial
左側にイベント名・日付・詳細への入口、右側に縦長のビジュアル枠を配置。公開版の枠は青い代替ビジュアルで、花の写真ではありません。
The event name, date and detail link sit left of a tall visual panel. In this published version the panel is a blue fallback visual, not a photograph of flowers.
使いどころ・応用・注意点を読むRead uses, adaptations and limitations作品・プロフィール · プロフィール紹介
構図情報なし(過去作品)
Portfolio / profile · Introduce yourself
No composition metadata (legacy)
portfolio / pop-colorful / graphic-design / blue / bold-type / creative-profile / concept-study / responsive
青い大見出しと花形の図版を左右に並べ、作品一覧より先に制作者の雰囲気を伝えています。図版内の小さな文字は装飾で、本文の代わりにはなりません。
Large blue type sits beside a flower-shaped illustration, introducing personality before the project list. Tiny text inside the artwork is decorative, not a substitute for readable body copy.
使いどころ・応用・注意点を読むRead uses, adaptations and limitations該当する作品がありません。条件を減らしてお試しください。 / No matching designs. Try fewer filters.