KREIS Inc. — バウハウス原色
デザインシステム会社のサイトを、バウハウスの三原色と図形(円・三角・四角)で組んだサンプルです。Helvetica 風の太いサンセリフと厳密なグリッドで構成しています。
エンタープライズ向けの B2B SaaS や開発会社・デザインコンサルなどに合いそうな、原色三色とジオメトリで攻める企業サイトのサンプルです。
こんな方に向いています
- 大企業相手のデザインコンサル・開発会社・スタジオ
- 「真面目で硬い」より「思想がある」のを出したい会社
- ロゴ周りもこの世界観で統一できる会社
構成
HERO の見出しを最大級に振って、サービス・プロセス・ケース・ファクト・コンタクトの順で並べました。各カードに円・三角・四角の SVG を入れて、構成要素そのものを「見せる」設計にしています。
live preview
プレビュー
related
関連するサンプル
IT・テック の他のサンプル、または 複数セクション HP の似た構成のサンプルです。
Tech Blog orca
IT・テック · 白・コード色・モノスペース 2026-05-07
Tech Blog orca
技術記事を継続的に積み上げていくスタートアップ向けの開発ブログ CMS サンプル。タグフィルタとシリーズ表示を備えた構成です。
タグフィルタシリーズRSS / Atomコードハイライト
IT・テック · ボールド・グラデ・大胆・ピンク × 紫 2026-05-05
TILT Creative — ボールドな広告代理店
尖った広告代理店・クリエイティブブティック向け。ピンクと紫のグラデと巨大文字で、攻めの姿勢を視覚化したサンプルです。
大文字キャッチケーススタディ 4 件サービスメニューメンバー
IT・テック · Bento ・ カラフル ・ モダン ・ ダーク 2026-05-05
Stack Studio — Bento グリッド
SaaS の機能紹介サイトを、Apple 風の bento(弁当)グリッドで構成したサンプルです。各カードを違うサイズ・色・グラデで配置して、1 画面で世界観を伝えます。
Bento HERO数字カード機能 3 枚コードブロック
IT・テック · サイバーパンク・CRT・グリッチ・マゼンタ・モノスペース 2026-05-05
NULL.CITY — サイバーパンク密度
VTuber エージェンシーのサイトを、ターミナル UI と CRT スキャンラインで構成。ASCII アートでサイバーパンクの空気を出しました。
タレント一覧週間スケジュールサービスオーディション
このサンプルが気になったら
このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。