Ciridae
くすぶる残り火の脈動が感じられるがらんとした部屋――ほとんど真っ黒な大聖堂で、唯一温かい音が聞こえるのは錆びた細い線だけで、あらゆる表面は影ではなく細い線によって形作られている。
Ciridaeは、#0b0b0bのキャンバス、輪郭がほとんど目立たないピル型のコントロール、そして太字も大文字も400ウェイトのPragmatica Condに固定されたタイポグラフィという、まさに虚無の中で動作する。唯一の色彩は#cc6437で、最も細い線や小さなアクセント記号として使われる、温かみのあるくすぶるような錆色であり、塗りつぶしには使われない。地図は#272a2aの上に半径10pxで浮かび、影はない。このシステムは高低差を排除し、トーンのコントラストと最も細い1pxの境界線によって表面を定義する。写真は大きくぼかされ、雰囲気のある画像（液体大理石、煙、炎など）が全画面表示モードでテキストの背後に配置されているため、視覚イメージは説明的というよりは雰囲気のある印象を受ける。
ページレイアウトは全幅で、コンテンツは最大幅約1400pxの中央に配置されます。ヒーローはダークカラーの全幅構成で、中央に星座のロゴがあり、左右にマイクロラベルが配置されています。セクションは交互に、ダークヒーロー → アンダーレイ付きのライトストライプ（ボーン） → ダークトランスフォームテキスト → ダークシステムカードグリッド → ダークフッターとなります。ライトセクションが1つだけ挿入され、シャープなトーンの遷移を生み出します。カードグリッドは4列構成で、最初のカードは他の3つのカードの約2倍の幅があり、コンテンツを強調した非対称レイアウトになっています。セクション間の垂直方向のスペースは広く（80px以上）、ナビゲーションは最小限です。上部のニュースバーと、左揃えの「今すぐ開始」、右揃えの「メニュー」が上部バーに配置されています。サイドバーやメガメニューはありません。
ページ全体を占める雰囲気のある写真が、ホーム画面とカードを支配しています。画像は強くぼかされており（背景のぼかし値は50pxと40pxが検出されました）、コントラストが高く、青と赤の渦巻き模様のある液体大理石、煙、暗い風景のシルエット、炎や燃えさしの質感などが描かれています。写真は鮮やかではなく、陰鬱で暗く、背景の空白部分と同じトーンレンジを共有しており、背景から際立つことはありません。製品写真、人物写真、UIのスクリーンショットは一切ありません。これらの画像は、説明的なコンテンツとして機能するのではなく、雰囲気を作り出す役割を果たしています。カードグリッドは各システムを異なる雰囲気のあるシーンにマッピングしており、写真が文字通りの製品画像ではなく、抽象的な視覚的識別子として機能するようになっています。
パレット
ブランド
- Ember Rust
#cc6437— モノクロシステムにおいて、アクセントとなる線、アイコンの線、小さなテキストのハイライトだけが有色であり、塗りつぶしというよりは、ほとんど目立たない点滅する点のように見える。
中性
- Void Black
#0b0b0b— メインページや各セクションの背景画像。システム全体の基盤となる部分。 - Charcoal Surface
#272a2a— 暗い部分に配置された段ボールやパネルで作られた背景画像は、キャンバスよりも一段階明るい色調で、影のない表面の分離を作り出している。 - Bone
#edebe7— 背景と表面の明るい部分はクリーム色で、システムが暗い色から明るい色に切り替わる部分です。 - Bone Darker
#dfddd9— 多層構造の明るい表面や、温かみのある、ほぼ白色に近い要素に適した、「ボーン」と呼ばれる繊細な色合い。 - Pure White
#ffffff— メインテキストと見出し、ゴーストボタンの枠線、ナビゲーション要素はすべて、原色で表示され、コントラスト比は19.7:1、背景色はVoidブラックです。 - Abyss
#050505— ニュースストリップ（上部のニュースストリップ）の背景は、メインのキャンバスよりも一段階暗い色にすることで、ストリップが際立つように立体的に仕上げています。
タイポグラフィ
11～32ピクセル・5段階
- Pragmatica Cond — 交換： Oswald · 概要 400 · メインの表示およびユーザーインターフェースのフォントは、本文が14pxのすべて大文字、セクション見出しが20px、メインテキストが32pxの、細身で凝縮されたフォントです。極めて細身のフォントと本文が14pxのすべて大文字という構成は、このシステムの特徴的な表現方法です。本文は、通常の散文というよりは、建築書体のささやき声のように読み取れます。Pragmatica Condensedが利用できない場合は、OswaldまたはBarlow Condensedに置き換えてください。
- Pragmatica — 交換： Inter · 概要 400 · 長文の文章に使用される、補助的な主要フォント（例：「AIオペレーティングシステム」のカード説明は24px、段落テキストは15px）。大きなブロックでの読みやすさを考慮して、Pragmatica Condよりもわずかに幅広ですが、ウェイトは400のままで、太字は使用しません。InterまたはSöhneに置き換えてください。
- Roboto Mono — 交換： Roboto Mono (free · 概要 400 · ニュースティッカー用の等幅マイクロフォント（「ニュース • 2026年6月15日 • CRUCIBLE早期アクセス受付開始」）。等幅フォントはここでのみ使用されており、明確な機能的区別を生み出しています。これはシステムデータであり、ブランディングではありません。
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 平均 |
| 基本的なステップ | 16-20px |
| ボタンの半径 | 1440px |
| カード半径 | 10px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 80px |
| ページ幅 | 1400px |
AI がCiridaeスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Dala — 黒いベルベットの上に浮かぶ星座
- Linear — ミッドナイト・プレシジョン・インスツルメント
- Resend — 紫のネオンカラーの黒いベルベット
- Dovetail — 黒い月の下の設計図――かろうじて見えるグラフ線、白い文字、紫色の火花が一つ
- Neon — 夜のサーバー室。完全な暗闇の中、唯一の光源はデータとユーザーの操作だけだ。
- Discord — ゲームの世界はポップアップチャットウィンドウの裏に隠されており、各セクションは独自の照明とキャラクターセットを備えた独立した環境となっている。
- Aaru — 真夜中の粒子場観測所
- Atlas Card — 真夜中の金庫室は、一本のサファイア色の光線が差し込む、漆黒の空間であり、そこで唯一重要なのは、深みのあるエレクトリックブルーだけだ。
- Midjourney — 深海に浮かぶ生物発光端末。知能がASCIIストリームで視覚的に自己生成し、操作系がかすかに光るパターンとして現れる深海世界。
- Checkly — 深宇宙ミッション管制センター
- Krea — 真夜中のギャラリー・ノワール
- Wope — Wopeは紫色の地平線インターフェースです。暗い天文台のテーブルから、ガラスの下から紫色の光が差し込んでいる様子を想像してみてください。