メインコンテンツへ
Onbit
← サンプル一覧 / IT・テック · 白・コード色・モノスペース

Tech Blog orca

技術記事を継続的に積み上げていくスタートアップ向けの開発ブログ CMS サンプル。タグフィルタとシリーズ表示を備えた構成です。

プロダクト開発で得た知見を、社内 Notion からそのまま読める形で公開しています。 採用情報も、ここを起点に。

こんな業種に向いています

  • 技術記事を継続的に積み上げていくスタートアップ向けの開発ブログ CMS サンプル。タグフィルタとシリーズ表示を備えた構成です。
  • 継続的にお知らせ・記事・実績を更新していきたい組織
  • スタッフ自身が、開発者を介さず投稿できる体制を作りたい

構成

トップに最新記事を並べ、カテゴリ・年月で絞り込めるようにしています。「タグフィルタ」・「シリーズ」・「RSS / Atom」・「コードハイライト」 を含む、運用しやすさを優先したサンプルです。

本制作では microCMS / Notion / 自前 Cloudflare Workers などのバックエンドと組み合わせ、お客さまが直接更新できる構成にお仕立てします。

live preview

プレビュー

プレビューはモバイルでは別タブで開きます。

プレビューを別タブで開く ↗

/samples-preview/cms-orca-tech/

related

関連するサンプル

一覧へ →

IT・テック の他のサンプル、または 複数セクション HP の似た構成のサンプルです。

Stack Studio — Bento グリッド のサムネイル
IT・テック · Bento ・ カラフル ・ モダン ・ ダーク 2026-05-05

Stack Studio — Bento グリッド

SaaS の機能紹介サイトを、Apple 風の bento(弁当)グリッドで構成したサンプルです。各カードを違うサイズ・色・グラデで配置して、1 画面で世界観を伝えます。

Bento HERO数字カード機能 3 枚コードブロック
KREIS Inc. — バウハウス原色 のサムネイル
IT・テック · バウハウス・原色三色・幾何学・グリッド 2026-05-05

KREIS Inc. — バウハウス原色

デザインシステム会社のサイトを、バウハウスの三原色と図形(円・三角・四角)で組んだサンプルです。Helvetica 風の太いサンセリフと厳密なグリッドで構成しています。

サービスプロセスケースファクト
NULL.CITY — サイバーパンク密度 のサムネイル
IT・テック · サイバーパンク・CRT・グリッチ・マゼンタ・モノスペース 2026-05-05

NULL.CITY — サイバーパンク密度

VTuber エージェンシーのサイトを、ターミナル UI と CRT スキャンラインで構成。ASCII アートでサイバーパンクの空気を出しました。

タレント一覧週間スケジュールサービスオーディション

このサンプルが気になったら

このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。