Patterns

セクションから探す

「横スクロールの実績一覧」「追従するCTA」のように、ページ単位ではなくセクション単位で1301件の型を横断して探せます。

1301 sections（上位120件を表示）

『18TRIP（エイトリ）』2周年特設サイト · 01
ローディング
白地に盾型のエンブレムと横長の読み込みバーを表示する。キャプチャでは画面上部に白い弧が残っており、白い幕が抜けてトップに切り替わる。
『18TRIP（エイトリ）』2周年特設サイト · 02
グラデーション背景
ピンク・水色・コーラルが四方から混ざり合うグラデーションを全画面に敷く。
『18TRIP（エイトリ）』2周年特設サイト · 03
コンパス・エンブレム
中央の円に「2ND ANNIVERSARY」「PLZ SELECT TEAM」の文字を回し、盾型のエンブレムと N / E / S / W の矢印を重ねる。
『18TRIP（エイトリ）』2周年特設サイト · 04
チームの紋章
コンパスの四方に、各チームを表す動物の紋章を置く。紋章がそれぞれのチームページへの入口になっている。
『18TRIP（エイトリ）』2周年特設サイト · 05
チームページ
選んだチームのカラーに染めたキービジュアル、TOP / MOVIE / NEWS / CHARACTER のナビ、応援投稿のカード。右下の小さなコンパスで他のチームへ切り替えられる。
207株式会社（ニーマルナナ） · 01
ヘッダー
左上に斜線を組み込んだ「207」ロゴ、右上に事業内容・会社概要・お知らせ・採用情報・お問い合わせのテキストナビ。SPでは紺の円形メニューボタンになる。
207株式会社（ニーマルナナ） · 02
ファーストビュー
「行動の自由を加速させる」を2行の太い和文で左上に置き、英訳を小さく添える。物流・ロボット・ドローンなどを描いたアイソメトリックの街のイラストが画面の右半分から下を占め、下部に「Missionについて」ボタン。
207株式会社（ニーマルナナ） · 03
ビジョン（短期・中期・長期）
暗くした実写（配送員、配送車、自動運転車両など）を全面に敷き、左側の縦線上に「3〜5年」「2035年〜2045年」「2050年」の時間軸、写真の上に白い太字の見出しと1行の説明を重ねる。
207株式会社（ニーマルナナ） · 04
事業内容
トドクサポーター・トドククラウド・トドク便の3サービスを、アプリ画面や人物写真を入れた角丸の画像枠と説明文を左右交互に並べて紹介する。
207株式会社（ニーマルナナ） · 05
会社概要・沿革・お知らせ
フルページキャプチャは9000pxで切れており、ここから下は抽出データの見出しのみで確認。会社概要・これまでの歩み・お知らせが続く。
207株式会社（ニーマルナナ） · 06
受賞歴・掲載メディア・投資パートナー
抽出データの見出しより、受賞歴、掲載メディア、投資パートナー6件（VC・事業会社・個人）の一覧が並ぶ。
207株式会社（ニーマルナナ） · 07
行動指針
BE PROFESSIONAL / BE OPEN / BE SINCERE の3項目（見出しより）。
207株式会社（ニーマルナナ） · 08
採用情報・公式SNS
採用メッセージの見出しと公式SNSのセクション（見出しより）。抽出データでは採用情報が高さ約3100pxと長い。
207株式会社（ニーマルナナ） · 09
お問い合わせ・フッター
お問い合わせと開設予定の支店一覧（見出しより）、フッターで締める。
2xA Studio · 01
ヘッダー
左に「2xA STUDIO」、中央寄りに「ATH(GR)」「AMS(NL)」と2拠点の時刻、右に ABOUT / PROJECTS / CONTACT。縦長の等幅書体で統一。
2xA Studio · 02
ヒーロー
黒地のキャンバスに、キリル文字を詰めたNの字形、ASCII文字のグラデーション、座標のような数字など、ジェネラティブな作品が切り替わりながら表示される。
2xA Studio · 03
ロゴ
角丸の短いバーを並べて組んだ巨大な「2xA STUDIO」を画面幅いっぱいに置く。
2xA Studio · 04
Generative Code Explorations
黒地に大見出しを分割して配置し、実験作品のサムネイルを不揃いなグリッドに散らす。
2xA Studio · 05
About
白地に「Code-Driven Design Studio Between Amsterdam & Athens」の大見出しと段組の本文を重ね、単語を画面幅に均等割りした「On Computation As A Way Of Thinking」の一行で区切る。
2xA Studio · 06
Selected Projects
「View All (5)」への導線と、ABR Festival・Buna Tetu・Miao World の作品写真と説明文を番号付きで並べる。
2xA Studio · 07
Awards & Achievements
黒地に大見出しを重ね、プロジェクト・組織・受賞・年の4列の表で受賞歴を並べる。
2xA Studio · 08
フッター
バー状の巨大なロゴの下に Instagram / Behance / メールアドレス / Privacy と「STUDIO SOUNDS」。
360 Lexington Ave · 01
ヘッダー
左に「Available Offices」、中央に正方形の「360 LEX」ロゴ、右に「Contact Us」のボタン。スクロール後も固定表示。
360 Lexington Ave · 02
ヒーロー
内装の写真を全面に敷き、「Built For Difference Makers」と、グランド・セントラル駅から徒歩2分という立地の一文。右下に写真付きの「Explore Offices」カード。
360 Lexington Ave · 03
特徴カード
「Prime Midtown Location」「Built-Out Office Suites」など、01〜03の大きな番号付きカードをスクロールに合わせて順に見せる。
360 Lexington Ave · 04
ステートメント
「360 Lex has been thoroughly reimagined」を中央に置き、ファサード・アメニティ・内装の刷新を1文で伝える。
360 Lexington Ave · 05
アメニティ・オフィス
「Hospitality-Inspired Amenities」と「Built-Out Office Suites」の2枚の写真カードを横に並べる。
360 Lexington Ave · 06
周辺マップ
左に「Explore Nearest Locations」の番号付きリスト、右に番号ピンを打ったモノクロの地図。
360 Lexington Ave · 07
立地・生活の3ブロック
「2-Minute Walk to Grand Central」「Surrounded By Dining & Entertainment」「Convenience Enhances Lifestyle」を、大見出し・箇条書き・写真の組で縦に並べる。
360 Lexington Ave · 08
ギャラリー・お問い合わせ
画面幅いっぱいの薄いグレーの「Gallery」の文字の下に写真を散らし、「SCHEDULE A TOUR」へつなぐ。
Aardvark Book Club · 01
ヘッダー
左にロゴ「Aardvark BOOK CLUB」、中央に All Books / Gifting / Merch / FAQ のピル型ナビとオレンジの Log-in / Sign-up、右に英国向けストアへの切替とSNSアイコン。ピルナビはスクロール中も上部に表示。
Aardvark Book Club · 02
ヒーロー
黄色の地にうねる淡黄とオレンジの色面を重ね、極太3行の「Unbox stories worth talking about」、ピンクのCTA、宙に浮かぶハードカバー、手書きの配送エリア表記を置く。
Aardvark Book Club · 03
Our Sept books
「毎月1日に新刊を出す」というリードの下に、表紙・ジャンルタグ・あらすじを載せた色違いの角丸カードを横に並べ、矢印ボタンで送る。
Aardvark Book Club · 04
How it works
淡いピンクの角丸パネルに、Explore our books / Build your box / Check your doorstop / Share your reads の4ステップを、色違いのカードと線画イラストで傾けて並べる。
Aardvark Book Club · 05
ボックス紹介
水色の角丸パネルの中央に、うねる柄のオリジナル配送箱を開いた画像を置く。
Aardvark Book Club · 06
Choose from
マゼンタの角丸パネルに、Horror から Contemporary Fiction までのジャンル名を極太で中央揃えに積み上げ、「and more!」で締める。
Aardvark Book Club · 07
Why Aardvark?
円形のロゴを中心に、「Range of genres」「Free shipping」「Affordable」などの利点を色違いのピル型ラベルに入れて散らす。
Aardvark Book Club · 08
Common questions・ギフト
水色のアコーディオンで3問を見せ「Show all FAQ」へ。続いて弧を描く「A gift outside of the box」の見出しとギフト用ボックス。
Aardvark Book Club · 09
会員の選書・限定本・フッター
「Members’ Choice Winners」「Aardvark Exclusive」を経て、「Join our mailing list」のフッターで締める。
株式会社ADDICT · 01
ヘッダー
左にADDICTのセリフロゴ、右に黒い帯の中にABOUT・SERVICE・WORKS・NEWS・oneviewと、白いCONTACT・RECRUITボタン、メニュー。
株式会社ADDICT · 02
ヒーロー
モノクロのダッシュボード画面や赤い床のオフィス通路の画像に、「CREATE OBSESSION」「執着を創れ。」と巨大な「執着」の文字を重ねる。左下に最新ニュースの帯、右下にSCROLL DOWNと赤い菱形。
株式会社ADDICT · 03
WHAT WE DO
黒地に「美容に、狂気と論理を。市場に、抗えない熱狂を。」と会社紹介の文章、会社概要へのボタン。
株式会社ADDICT · 04
ワードマーク・実績紹介
石目調のライトグレーの地に画面幅いっぱいのADDICTのワードマークを置き、実績紹介のパートへつなぐ。
株式会社ADDICT · 05
ブランドロゴ
美容ブランドのロゴを2段で横に並べて流す。
株式会社ADDICT · 06
OUR SOLUTION（執着の2要素）
グレーの地に、赤い細線の図形で2つの要素を示す。
株式会社ADDICT · 07
NUMBERS・サービス
数字で見るADDICTと、サービス紹介のパート。
株式会社ADDICT · 08
ONEVIEW・ニュース・フッター
自社プロダクション「ONEVIEW」の紹介と、ニュース一覧で締める。
AFURI BREWING / 阿夫利ブルーイング · 01
ヘッダー
左に山のアイコン、右に BEER & GOODS・ABOUT・CART〔0〕の3つだけ。SPでは山のアイコンとカートだけを残す。
AFURI BREWING / 阿夫利ブルーイング · 02
ヒーロー
山並みと青空の写真の上に、青い背景で撮った缶とグラスの写真を重ねる。左に「AFURIらしいやり方で、ビールをつくってみたいと思った。」、左下に大きな「AFURI BREWING」と「阿夫利ブルーイング」、右下に SCROLL DOWN。
AFURI BREWING / 阿夫利ブルーイング · 03
ステートメント
「バランスと、驚きを。」の見出しのもと、海の日の出や夕焼けの岩場とサーフボードの写真を大きく置き、右に詩のような短い文章を添える。
AFURI BREWING / 阿夫利ブルーイング · 04
商品一覧
YUZU MEXICAN LAGER など4商品を、グレー背景の缶写真、香り・苦味・ボディの目盛り、説明文、価格のカードで横に並べる。
AFURI BREWING / 阿夫利ブルーイング · 05
商品ストーリー
「#13｜太陽の下で、爽快な一杯」など各商品の記事を、山を背にした缶とグラスの写真カードで並べる。
AFURI BREWING / 阿夫利ブルーイング · 06
すべてのビール
色違いの缶を横一列に並べ、「私たちのつくったすべてのビール」と BEER & GOODS への導線を置く。
AFURI BREWING / 阿夫利ブルーイング · 07
ABOUT
タップルームのイラストと「阿夫利山のふもと、水、風、人が集まる、みんなの谷」、兄弟醸造家の写真と「自然を愛する、兄弟醸造家」を2カラムで紹介する。
AFURI BREWING / 阿夫利ブルーイング · 08
クロージング・フッター
山の写真に「まっすぐにつくろう。遊ぶようにつくろう。」を重ね、ナビとカート、缶の写真を置いたフッターで締める。
AI in Design Report 2026 · 01
ヘッダー
左端に黒地のロゴ「AiiD26」、続けてオレンジ地の「Read the Report +」、右に About と「Case Studies +」を置く帯状のヘッダー。
AI in Design Report 2026 · 02
ヒーロー
上半分は抽象画像の矩形を重ねたコラージュに職種ラベルを添え、下半分は左に小さなリード文、右に2行の巨大な「AI in Design Report 2026」。最下部に等幅のクレジットと「Scroll to read ↓」。
AI in Design Report 2026 · 03
パートナー
等幅ラベル「OUR PARTNERS」の下に、Notion・Framer・Linear など7社のロゴを罫線の間に1列で並べる。
AI in Design Report 2026 · 04
イントロダクション
「AN INFLECTION POINT」のラベルと大きな一文のステートメント。人物写真の上に「318+」「8+」の数値パネルを重ね、右寄せの本文で調査概要を説明する。
AI in Design Report 2026 · 05
引用
黒パネルに小さな顔写真と名前・肩書き、セージ地に大きな引用文を置く2分割のブロック。
AI in Design Report 2026 · 06
01 Tools / 02 Craft / 03 Teams
章ごとに背景色を変え、左に大きな章番号と章名、右に章タイトルと要約。下段に画像と「IN THIS CHAPTER, WE'LL COVER:」の罫線付きリスト、全幅に近い黒の「Read the ○○ Chapter →」ボタン。
AI in Design Report 2026 · 07
Video Case Studies
「Seven companies. Seven ways of…」の見出しと左右矢印、企業別の動画サムネイルを3列で並べ、下にラベンダーの線。続いて「COMING SOON」の大きな動画プレイヤー。
AI in Design Report 2026 · 08
登録・Methodology・フッター
フルページキャプチャは9000pxで切れており、抽出データの見出しから、ケーススタディとMarkdown版レポートの登録導線、調査方法（Methodology）が続くことのみ確認できる。
Alethia · 01
ヘッダー
左にロゴ、中央に SOLUTIONS / OUR TECH / COMPANY / RESOURCES の等幅ナビ、右に「LET'S TALK」とライムの矢印アイコン。SPではライムの「MENU」ボタンになる。
Alethia · 02
ヒーロー
深緑の背景に3行の大きなサンセリフ見出しを左上、中央に苔むした岩、周囲に小さな岩を配置。岩の上に白い四角枠と等幅の計測値ラベルを重ね、左下にリード文、右下に「Scroll to discover」。
Alethia · 03
ビジョン
霧がかったグレーの背景に植物と土のビジュアルを置き、中央右に説明文、画面内に丸いアイコン付きの注釈を点在させる。
Alethia · 04
計測ステーション紹介
植物の中に立つ観測機器のビジュアルに、ガラス風のパネルで計測値のグラフや機能リスト（観測システム、ブロックチェーンでの追跡など）を重ねる。
Alethia · 05
Our Solutions
白背景に見出しと、写真を背景にした角丸カード2枚（Nature-Based / Supply Chain）を横並びにする。
Alethia · 06
Our Technology
黒背景に観測機器のモノクロ写真を大きく置き、中央の見出しからAtmospheric-Based MRV・Blockchain technology の説明とボタンを左右に振り分けて配置する。
Alethia · 07
Alethia Solves
オフホワイトの背景に、ダッシュボード画面・写真・数値カード（-2.4 tCO2e など）を散らしたコラージュの中央に見出しを置く。
Alethia · 08
Redefining・Case studies・News
フルページキャプチャは9000pxで切れており、以降は抽出データの見出しのみで確認。4項目の特長、導入事例（Success Story×2）、ニュース一覧が続く。
Alethia · 09
CTA・フッター
見出し「Turn Climate Data Into Business Results」で問い合わせへ誘導して締める（見出しより）。
ANA大阪空港株式会社 · 01
ヘッダー
左にANAロゴと社名、右に6項目のナビと水色の「採用情報」ボタン。
ANA大阪空港株式会社 · 02
ヒーロー
青みをかけた空港の現場写真のスライドに「私たちの想いが、世界を動かす」と英文、番号と一時停止ボタン。左下にお知らせの帯、右下に搭乗券型の「ITM・UKB ✈ WORLD 採用情報はこちら」カード。
ANA大阪空港株式会社 · 03
ABOUT US
青いグラデーションの地に、FVと同じコピーと理念の文章を中央揃えで置き、「私たちについて」へ誘導する。
ANA大阪空港株式会社 · 04
OUR BUSINESS
「空港という社会インフラを支える」の見出し。左に角丸の写真、右にグランドハンドリングから人事までの01〜07の業務リスト。
ANA大阪空港株式会社 · 05
OUR TEAM
青地の斜めの帯に、楕円フレームの社員写真を3枚並べ、「働くひと一覧へ」の丸いボタンを添える。
ANA大阪空港株式会社 · 06
CAREER・ENVIRONMENT
写真の上に白いカードを重ねた2つの入口。水色の縁取りで囲む。
ANA大阪空港株式会社 · 07
ギャラリー
淡い水色の「…PORT TO THE WORLD ✈」の大きな英字の下に、空港作業や機体の写真を横に並べる。
ANA大阪空港株式会社 · 08
採用情報・フッター
機体を誘導する写真に「採用情報はこちら」のバナー。フッターに本社・神戸事業所の住所、ナビ、関連サイトへのリンク。
ANDMADE Inc. · 01
ヘッダー
左に「ANDMADE Inc.」、中央に「Projects , About , Studies , Contact」とカンマ区切りのテキストナビ、右端に「No music playing.」の小さな表示。SPではナビを画面下部の黒い「Menu」ピルに集約する。
ANDMADE Inc. · 02
What Matters
左に小見出し、中央に大きめの英文ステートメント3行と「Who we are →」。右端に「A sound archive that turns everyday listening into color.」と「Colors of Sound」へのリンク。
ANDMADE Inc. · 03
Made Here（実績一覧）
左に「Made Here」「27 Cases」と「Txt - Img」の切替。中央3列のグリッドに、下線付きの案件名・種別・担当領域・年月を並べる。
ANDMADE Inc. · 04
Studies
画面右端に、日付と記事タイトルを縦組みの英字で並べたリンクを置く。
映画『ホウセンカ』 · 01
ヘッダー
左に手描き風のタイトルロゴと英題「The Last Blossom」、右にトップ〜上映劇場の2段のテキストナビ。スクロール中も固定表示。
映画『ホウセンカ』 · 02
ヒーロー
黒枠で囲んだKVのスライダーを中央に、左に丸いバッジ（Blu-ray & DVD / Netflix）とキャスト・スタッフのクレジット、上に映画祭のロゴ、右端にピンクの縦書きセリフの帯とサムネイル3枚、右下に白地のキャッチコピー。
映画『ホウセンカ』 · 03
ムービー・バナー
本予告・特報・特別映像のサムネイルを横に並べ、コメント・主題歌・舞台挨拶・ノベライズのバナーと前売券の購入ボタンを続ける。
映画『ホウセンカ』 · 04
ニュース
夜の庭の背景に、日付を赤、見出しを黒にした白いカードを縦に並べる。
映画『ホウセンカ』 · 05
イントロダクション・ストーリー
小さなアイコンで挟んだ見出しの下に、白い明朝の中央揃えで作品紹介とあらすじ。人名や作品名は水色で強調する。
映画『ホウセンカ』 · 06
キャラクター
顔アイコンでキャラクターを切り替え、左に立ち絵、右に名前・プロフィール・CV。立ち絵は「過去」「現在」のボタンで切り替える。
映画『ホウセンカ』 · 07
キャスト・スタッフ
名前を大きな明朝で中央に並べ、スタッフの役職は赤の小さなラベルで添える。
映画『ホウセンカ』 · 08
配信情報・商品情報
Netflix へのボタンと、Blu-ray & DVD・サウンドトラック・劇場グッズのカード。
映画『ホウセンカ』 · 09
コメント・フッター
寄せられたコメントを縦に長く並べ、フッターで締める。
あおぎり高校入学祭2026！～『好き』なことしかしたくない！～ · 01
ヘッダー
白い半透明のピル型バーにイベントロゴ、6項目のナビ（上に UP / NEW バッジ）、黒い「シェアする」ボタンを並べ、画面上部に固定する。
あおぎり高校入学祭2026！～『好き』なことしかしたくない！～ · 02
ヒーロー
校舎・桜・入学式の看板を背景に、制服姿のメンバーの集合イラストを全面に配置。中央下にイベントロゴとサブタイトル、英字表記を重ねる。
あおぎり高校入学祭2026！～『好き』なことしかしたくない！～ · 03
入学祭／後夜祭の切替タブ
画面下端に紺のバーを固定し、左に青い角丸の「入学祭 2026」とミニキャラ＋「現在選択中！」の吹き出し、右にライム色の月アイコンと「後夜祭 2026」の切替ボタン。
あおぎり高校入学祭2026！～『好き』なことしかしたくない！～ · 04
イベント概要
木枠と画鋲で留めた緑の黒板風パネルに、日程・時間・出演者（色違いのピル型ラベル）・会場と地図を2カラムでまとめる。
あおぎり高校入学祭2026！～『好き』なことしかしたくない！～ · 05
チケット情報
白い角丸パネルに、券面を模したチケット画像、アイコン付きの販売期間リスト、価格を右端に置いたピンク枠のチケット種別カード、青いピル型の購入ボタンを縦に積む。
あおぎり高校入学祭2026！～『好き』なことしかしたくない！～ · 06
アンケート募集
白いパネルに募集内容を短くまとめ、緑のピル型ボタンでフォームへ誘導する。
あおぎり高校入学祭2026！～『好き』なことしかしたくない！～ · 07
グッズ情報
緑の黒板風に描かれたグッズ一覧画像を2枚並べ、虫眼鏡アイコンで拡大表示できることを示す。
あおぎり高校入学祭2026！～『好き』なことしかしたくない！～ · 08
注意事項
公演に関する注意事項を開いた状態で見せ、持ち込み禁止物・禁止行為・グッズ販売などを「＋」付きのアコーディオンで折りたたむ。
あおぎり高校入学祭2026！～『好き』なことしかしたくない！～ · 09
クレジット
クレジットの見出しまではキャプチャで確認できる。フルページが9000pxで切れているため、以降は抽出データの見出しのみで確認。
Apocalypse Coffee Roasters · 01
ヘッダー
左にオレンジのメニューボタン、中央に砂時計入りの円形エンブレム、右にカートボタン。ボタン類は黒いオフセット影付き。
Apocalypse Coffee Roasters · 02
ヒーロー
「CERTIFIED ORGANIC」などのバッジ2つ、「IT'S THE END… OF BAD COFFEE.」の2段見出し、等幅の本文、SHOP COFFEE / VISIT OUR CAFES の導線。右に3袋のパッケージと「BUY BUNDLE」のラベル、周囲に色付きの
Apocalypse Coffee Roasters · 03
REVIEWS（Tasted and Approved）
黒地に角丸のレビューカードを横に並べ、手書き風の下線付きの一文で締める。
Apocalypse Coffee Roasters · 04
WHY APOCALYPSE（What Sets Us Apart）
オーガニック・少量焙煎・家族経営など6つの価値を、色違いの線画アイコンと短文で3列2段に並べる。
Apocalypse Coffee Roasters · 05
BEST SELLERS（Fuel For Survival）
中央の1袋だけを青い網点のスポットライトで照らし、左右の袋を暗く沈めたカルーセル。価格タグ、フレーバーのタグ、焙煎度のゲージを添える。
Apocalypse Coffee Roasters · 06
ピラー（Organic / Traceable / Precision）
手書きの色付き単語と極太見出し、等幅の本文を縦に積み、角を崩した枠の焙煎写真を添える3つの約束。
Apocalypse Coffee Roasters · 07
タイムライン
新聞の切り抜きを色糸でつないだボードの上に、線画イラスト付きの年表カードを横に並べる。
Apocalypse Coffee Roasters · 08
CTA / 定期便
見出し「Ready for the Coffee Revolution?」の締めのCTAと、「Get Coffee on Your Schedule.」の定期便の案内が続く。
Apocalypse Coffee Roasters · 09
フッター
ナビゲーションとショップ情報。右端には「SAVE 10%」のタブが常に表示される。
Asobica · 01
ヘッダー
左にロゴ、中央の白い箱に会社概要 / プロダクト / メンバー / お知らせ / お問い合わせ、右に枠線付きの「採用情報 →」。スクロール中も固定表示。SPでは Menu ボタンに集約。
Asobica · 02
ヒーロー
画面を写真と、ロゴタイプを切り抜いた黒い曲面で2分割し、曲面の上に「遊びのような熱狂で、世界を彩る」。キャプチャごとに写真と図形の左右が入れ替わっている。
Asobica · 03
ビジョン
「顧客中心の経営をスタンダードにする。」の見出しと本文、経営理念をみるボタン。右下に「Color the world with Asobica innovation」と大きなロゴ。
Asobica · 04
写真帯
オフィスで働く様子の写真3枚を画面幅いっぱいに横並び。
Asobica · 05
Products
英字見出しの下、角丸の白いカードに coorum のロゴ・製品画像・説明とプロダクト紹介ボタン。続けて導入企業のロゴを2段で並べる。
Asobica · 06
News
左に英字見出しと一覧をみるボタン、右にサムネイル・日付・タイトル・カテゴリラベル（PRESS / INFORMATION）のリスト。
Asobica · 07
Recruit
角丸の写真パネルに「世界をアソビカしよう。」と募集の一文、社員の顔写真3枚と矢印ボタン。
Asobica · 08
フッター
カテゴリ別のリンク群と大きなロゴ、SNS。最下部に画面を埋める巨大なロゴの断片を敷く。