ThoughtLab
黒曜石の記念碑に深紅の信号が灯る。黒い虚無のキャンバスの中に、大聖堂の中で唯一鮮やかな赤色を帯びた物体が、大きな白い文字で印刷された、たった一つの色彩豊かな人物像として存在する。
ThoughtLabは、まるでブラック・カテドラルのデザイン言語のように機能します。真っ黒なキャンバスに、赤いパルスが一つだけ、そして建築物のように大きなタイポグラフィが用いられています。システムはほぼ完全に無彩色で、#ccccccが本体、#ffffffがディスプレイを表し、#fc1c46は、空虚な背景に対する緊張感の制御された高まりとして、たった一つの主要なアクションにのみ登場します。階層構造は、色、影、塗りつぶしではなく、急激なスケールのジャンプ（198px → 14px）によって構築されています。コンポーネントは軽量です。透明なカード、ピル型のボタン、薄い入力フィールド、積み重ねられた要素の排除など、ページはコンテナではなく、ネガティブスペースと密集した大文字によって呼吸しています。
暗いキャンバスがページの全幅に広がり、広い水平マージン（両側に126px、コンテンツカラムは約1400px）があります。ヘッダーは72pxの1行で、左側にロゴ、中央にタグライン、右側にピル型のコールトゥアクションボタン、そしてハンバーガーバーがあります。ヒーローは分割された構成で、左側に198pxの特大のすべて大文字の見出しがあり、その下に18pxのサポートとなる本文があります。中央の右側では3D球体がテキストに重なり、部分的に「食べている」ように見えます。ヒーローの下には、86～108pxの間隔を空けて、ゆったりとした垂直リズムでセクションが配置されています。作品の要素はカードのグリッドではなく、ページのほぼ全幅を占めるリストとして表示されます。サイドバーもメガメニューも、カラムグリッドのあるフッターもありません。フッターは著作権情報と連絡先情報#4c4c4cが記載された、静かな1行です。ヘッダー以外のナビゲーションは、全画面オーバーレイのハンバーガーメニューとして起動します。
画像は少なく、意図的に厳選されている。主要な視覚要素は、WebGLでレンダリングされた黒曜石のような液体の大きな球体だ。黒い背景に浮かび、タイトルと部分的に重なる、縁にわずかな青と琥珀色の反射が見られる、暗く、ほぼ黒に近い3D形状である。イラストというよりは、ブランドのアイコンとして機能している。プロジェクトのサムネイルは、写真またはビデオとして縦長のリストで表示され、境界線なしで端から端まで表示される。ライフスタイル写真も、ストック画像も、装飾的なグラデーションも一切ない。球体と文字だけが、ページ上の唯一の視覚要素である。
パレット
ブランド
- Crimson Signal
#fc1c46— 主なアクセントは、単一の赤い要素です。それは「連絡先」タブとブランドロゴにのみ使用され、他の場所には見られません。その希少性は、デザインの特殊性に起因しています。
中性
- Void
#000000— ページの背景、つまりキャンバスは、他のすべての要素が浮かび上がる絶対的な土台である。 - Ash
#cccccc— メインテキストとリンクテキスト、黒キャンバス上のデフォルトのテキストトーン - 純白ではなく黒を選択することで、視覚的な反射を和らげます。 - Frost
#ffffff— 見出し、ボタンのテキスト、入力フィールドのテキスト、およびマークアップを表示するレベルは最も目立つレベルであり、直線的なコンテンツを対象としています。 - Graphite
#4c4c4c— 著作権表示、メタタグ、補助テキストは、本文と競合しないように意図的に控えめに表示しています。
タイポグラフィ
10～198ピクセル · 7段階
- sui — 交換： Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · 概要 300, 400, 500, 700 · 単一のフォント。Suiは、見出しの198pxからキャプションの10pxまで、あらゆる用途に使用できるカスタムデザインの幾何学的サンセリフフォントです。700ウェイトは、印象的な見出しや大きなタイトル用に確保されており、400ウェイトはシステム全体の残りの部分に使用されます。太字と標準のコントラストが主要なフォントシステムであり、別のフォントファミリーは必要ありません。
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 9px |
| ボタンの半径 | 9999px |
| カード半径 | 0px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 86-108px |
| ページ幅 | 1400px |
AI がThoughtLabスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Vivid+Co — 黒曜石を透過するプリズム光
- Sequel — 夜になると行われるプライベート上映は、それ以外は真っ暗な映画館の中で、唯一の温かい光となる。
- Dovetail — 黒い月の下の設計図――かろうじて見えるグラフ線、白い文字、紫色の火花が一つ
- MekaVerse — デジタル作品のモノクロギャラリー――レンダリングされた世界がまるで美術館の展示品のように吊るされた、漆黒の虚空。そして、ユーザーインターフェース全体は、つや消しの黒いガラスに白いインクで描かれている。
- Krea — 真夜中のギャラリー・ノワール
- Factory — 真夜中の「作戦室」の端末。「工場」は、懐中電灯で照らされた指令書のように一枚の白いカードが置かれる、殺風景な黒い制御盤だ。部屋にある唯一の物体は、仕事そのものだけだ。
- basement — 午前3時のがらんとした印刷機――真っ暗な画面に巨大で圧縮されたフォントが広がり、ナビゲーションバーにオレンジ色の光がかすかに灯るだけ。それ以外はすべて白か、幽霊のような灰色だ。
- Stink Studios — 真夜中の映画スタジオ――映写機が唸りを上げ、部屋は暗く、フィルムだけが照らされている。
- Apple (España) — 照明器具を備えた黒い劇場
- Charlie — 修道院の石から彫り出された黒曜石の文字。一枚の赤い壁が、耳をつんざくような静寂を生み出す作品集。
- Rive — 高精度な暗視機能。インターフェースには、暗闇を透過して技術的な細部を極めて鮮明に捉える特殊レンズが搭載されています。
- Datalands — 黒い大聖堂に、ネオンの光が一つだけ灯っている。ロゴが身廊全体を埋め尽くし、それ以外はほとんど聞こえないほどの小さな文字で覆われている。