Gsap
デザインスタジオにある、アニメーションが描かれたホワイトボード。ほぼ黒に近い壁、温かみのあるクリーム色のチョーク、そして5色のカラーマーカー――それぞれアニメーションの各分野に対応する色だ。
パレット
ブランド
- Shockingly Green
#0ae448 - Light Green
#abff84 - Core Green
#dfffd1
中性
- Just Black
#0e100f - Surface Cream
#fffce1 - Surface 50
#7c7c6f - Surface 25
#42433d - Off Black
#191919 - Orangey
#ff8709
タイポグラフィ
14～224ピクセル・9段階
- Mori — 交換： Inter Tight · 概要 400, 600
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 平均 |
| 基本的なステップ | 16px |
| ボタンの半径 | 100px |
| カード半径 | 8px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 80px |
| ページ幅 | 1280px |
AI がGsapスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Authkit — 真夜中の曇りガラスの大聖堂
- Resend — 紫のネオンカラーの黒いベルベット
- Slash — 金箔の帳簿が付いた真夜中の金庫
- Raycast — ミッドナイト・コマンドセンター、コーラルネオン
- Dimension — 夕暮れ時の光に照らされた、曇りガラスのパネルを備えたワークステーション
- Modal — 暗いサーバー室にある蛍光端末 ― 唯一の光源は鮮やかな緑色
- Reflect Notes — 星空のような紫色の空間は、暗い天文台であり、そこでは音符が星座のように、ほぼ黒に近い藍色の虚無を背景に浮かんでいる。
- LaunchDarkly — ネオンが輝く操縦室は、漆黒のパネルを通して紫色の信号が脈打つ、薄暗いコックピットだ。
- Ameba — 真夜中の管制室――曇りガラスのパネルの中に、鮮やかな青い光が脈打つ。
- AgentQL — 夜間、ターミナル上空に浮かぶオーロラ
- Neon — 夜のサーバー室。完全な暗闇の中、唯一の光源はデータとユーザーの操作だけだ。
- N8n — 真夜中のワークフローエンジン ― 暗いサーバー室に、ステータスインジケーターとデータストリームに照らされたリアルタイム自動化キャンバスが広がっている感覚