Framer
映画のような黒を基調としたギャラリー。真っ黒なキャンバスが白い編集テキストを囲み、鮮やかな青色のアクセントが空間を埋め尽くすのではなく、縁取りのように際立たせている。
パレット
ブランド
- Deep Harbor
#021f33
中性
- Paper
#ffffff - Void
#000000 - Carbon
#080808 - Obsidian
#111111 - Graphite
#171717 - Slate
#242424
タイポグラフィ
14ピクセルから110ピクセルまで · 7段階
- sans-serif — 交換： Inter · 概要 400
- GT Walsheim — 交換： Inter · 概要 500
- Inter Variable — 交換： Inter · 概要 400
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 10px |
| ボタンの半径 | 100px |
| カード半径 | 15px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 60-80px |
| ページ幅 | 1200px |
AI がFramerスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Hyperstudio — デザインは黒曜石に刻まれている。文字と細い線が真っ黒な白い空間を縁取り、時折金色の羅針盤の印が道を示している。
- Limón — 雰囲気のあるキャンドルライトのビストロ
- INVERSA — 真夜中の地形測量用端末。暗い操作パネルには、巨大な編集用フォントとネオングリーンのマーカーが単層で重ねられ、地球の衛星画像に表示されている。それぞれのラベルはモノクロで、まるで任務座標を読み取っているかのようだ。
- Athletics — 黒ベルベットに関するモノグラフ
- Linear — ミッドナイト・プレシジョン・インスツルメント
- Sequel — 夜になると行われるプライベート上映は、それ以外は真っ暗な映画館の中で、唯一の温かい光となる。
- Branding — 黒いギャラリーの壁、血のような赤のアクセント - 大きな白いフォントが、虚無を思わせる暗いキャンバスの上に浮かび、そこに鮮やかな赤のアクセントと、ウェブインターフェースというよりギャラリーの看板のような印象的な装飾要素が一つだけ配置されている。
- HeroKit — 黒曜石のような虚空を背景にした淡いレモン色のネオン――それは広告ポスターであると同時に、商品ページでもある。
- Aaru — 真夜中の粒子場観測所
- DNA — 粒子レンズを通して見たミッドナイト・オブザーバトリー
- Atlas Card — 真夜中の金庫室は、一本のサファイア色の光線が差し込む、漆黒の空間であり、そこで唯一重要なのは、深みのあるエレクトリックブルーだけだ。
- Abetterlou — サドルレザーに散りばめられたスパークス ― 深みのあるコーヒーブラックの背景に、温かみのあるクリーミーなフォントが輝き、琥珀色の金色のボタンは、まるで熱い金属がページに押し込まれたような感触です。