株式会社デパートのサイト。暖かいベージュと鮮やかなロイヤルブルーを切り替え、大きなグロテスク体の見出しに、粒状の立体イラストと細いワイヤーの図形を重ねる。
詳細を見るDESIGNS
デザイン参考
27件
flenteが選んで残している、Webデザインの参照アーカイブです。レイアウト、文字、動きの判断を、実在するサイトの画面とともに公開しています。
原宿サン・アドの50周年サイト。破いた紙や網点、厚みのある文字を重ねたポップアートのコラージュに、遊べるグラフィックと懐かしい音の気配を織り込む。
詳細を見る
ニッカウヰスキー / アサヒビールのブラックニッカ クリアのサイト。白地に太い黒の輪郭線で描いたハイボール缶を奥行き深く並べ、大きさと見切れの変化でスクロールに行進のようなリズムをつくる。
詳細を見る
BEAMS SPORTS のスタッフが、芸人からトレーニングを教わるクリスタルジムを訪ねる体験記事。薄い灰色の細い本文列に、鮮やかなオレンジの文字と縦長の写真を置き、黒いヘッダーとフッターで囲む。
詳細を見る
Nothing の日本向けサイト。黒と白の広い余白にセリフ体の見出しと小さなラベルを置き、製品の色をカテゴリと大きなカードで見せる。
詳細を見る
広告オタク集団のリード獲得サービス。方眼の中央列に太い見出しと人物イラストを積み、左に資料・電話の導線、右に INDEX を残す。
詳細を見る
AIエージェントと進めるデザインプロセスの考え方と実例を紹介するサイト。青い網点と細長いセリフ体で入り、4層モデルは同心円と罫線、実例は白地の三列に戻す。
詳細を見る
東京・目黒のデザイン会社。白地に Light Work と、u を引き伸ばした Studio を置き、実績は幅の違うカードに戻す。
詳細を見る
青地に丸い作業の写真を散らし、白い丘の上に「みんなの街を美しく」を置く。丹波の収集と浄化槽の仕事は、町の絵と英語の眉、同じ角丸に戻す。
詳細を見る
白地に金の線でケトルを描き、スクロールで金が下から満ちる。続く画面は We create the boiling point の三行で、実績は画面いっぱいの写真と下の題に戻す。
詳細を見る
セリフの Best Designs on X.com で、Designs だけを青の斜体にする。見本は三列の壁に画像と動画を置き、絞りは All の白いピル。終端は同じ寸法のスポンサーカードと、暗い Network Directory に戻す。
詳細を見る
黒地に Motion Pieces を版面の幅いっぱいに置き、その下を番号、題、技術、年月の目次にする。一件は一つの動きで、開いて触る。
詳細を見る
白地に Prompt Motion と、Claude Opus 5.5 で作った動きの動画を同じ幅で並べる。種別は Product UI や Kinetic type のピルで、選んだ一つだけが黒。開くとプロンプトの本文と Copy が残る。
詳細を見る
生成りの地に「AIを指揮するクリエイティブディレクターへ」を置き、右は導入の枠を二つ重ねる。見本は同じ幅の暗い面に動きを描き、番号と名前はその下、赤はプロンプトをコピーの一つに残す。
詳細を見る
薄い青の面の下に Tamagotchi ring を置き、色はピンク、水色とマスタード、グレーブルーの面で分ける。番号は小さなピル、色名は太い字、仕様は白い角丸に戻す。
詳細を見る
白地の見出しで「身近に」だけを青から水色にし、右の縦の見本には DESIGN ONLINE の白いカードを乗せる。実績は番号と英語を揃えた二段の流れ、終わりは大きな ASOBOAD。
詳細を見る
黒地に GSAP animations, every framework. を置き、その下を同じ寸法のカードで埋めるアニメーション集。見本が先で、名前と scroll や ui-component はカードの下に揃う。
詳細を見る
暗い写真の上に Brighten Your Future を置き、下の帯で EMPATHY CREATE を繰り返す制作スタジオのサイト。ブログとニュースは黄の方眼、相談は緑の方眼に戻す。
詳細を見る
生成りの地に、輪郭の WHO NEEDS THIS? と黒い EVERY DAY. を重ねる。ダウンロードと本数は、同じ角丸の白カードに戻す。
詳細を見る
淡黄の地いっぱいに、人と水色のロボットの握手を置く。できることは番号と罫線、相談は「まだ、アイデアの途中でも。」の大きな一文。
詳細を見る
オレンジの帯にギザギザの BRUTUS を置き、食卓の写真の隅に細い英語の見出しを残す雑誌サイト。記事は日付と色の点で同じ寸法に揃う。
詳細を見る
制作したLPの画面をタイルに敷き、白い筆の「マジガチ」を置くサービスページ。年数と本数、講師と書籍は、同じ筆とカードの寸法で繰り返す。
詳細を見る
黒い枠のオレンジのドット文字の下に、「そのデザイン、経営に効いていますか？」を細い文字で置く会社サイト。
詳細を見る
生成り地にワードマークと細い同心円を置き、実績と会社概要を同じ静けさで並べる共同ブランディングのサイト。
詳細を見る
雑誌の表紙を第一画面に置いた参照。中央のモノクロ写真と細い文字で、号の情報を騒がずに見せる。
詳細を見る
新発売の一品を部屋の写真で見せ、価格と保証はその下に静かに並べる公式ストア。
詳細を見る
水面の写真の上に、本日の利用時間と水温を重ねた施設サイト。コースは写真付きのカードで並ぶ。
///詳細を見る
