← Page-Type Lab に戻る
デザインツール製サイト / Custom Code (head/body) 注入面

Framer — 条件付き対応(有料プランゲート)

Framer のデザインツール製サイトを再現。仮説: Site Settings → General → Custom Code (head / body start / body end)si.js を貼ればメイン文書で起動する。ただし Custom Code は 有料プランで開放され、無料プランでは封鎖。 トポロジは標準的で、ゲートは課金のみ。

デザインキャンバス出力(Frame)

Framer の Frame / Stack をエクスポートした静的出力相当。 ピクセル配置されたヒーロー領域を再現。

美しいデザイン、コードなしで。

Framer Frame からのヒーローセクション。

低コントラストのサンプル文(コントラスト機能の検証用)。

Custom Code(プランゲート)

head / body start / body end の 3 スロットに任意 <script> を注入できる面。 有料プランで開放。ここに si.js を入れれば host 文書で通常起動する。