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最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Graphite — 発光エンドグリッド。正確な白い文字のマーキングと、時折現れるスペクトル光の閃光によって、暗い縁取りのある製品表面を作り出します。
- Featurebase — 紫色の光に照らされたコンソール。各ページを暗く静かな舞台と想像してみてください。下端からは、製品のための光り輝く作業スペースが現れます。
- Nuxt — 深宇宙における端末の光。青黒い表面に対して緑色が電源信号として現れる、暗く閉じたインターフェース面を作成する。
- Authkit — 真夜中の曇りガラスの大聖堂
- Resend — 紫のネオンカラーの黒いベルベット
- Slash — 金箔の帳簿が付いた真夜中の金庫
- Raycast — ミッドナイト・コマンドセンター、コーラルネオン
- Dimension — 夕暮れ時の光に照らされた、曇りガラスのパネルを備えたワークステーション
- Modal — 暗いサーバー室にある蛍光端末 ― 唯一の光源は鮮やかな緑色
- Reflect Notes — 星空のような紫色の空間は、暗い天文台であり、そこでは音符が星座のように、ほぼ黒に近い藍色の虚無を背景に浮かんでいる。
- LaunchDarkly — ネオンが輝く操縦室は、漆黒のパネルを通して紫色の信号が脈打つ、薄暗いコックピットだ。
- Ameba — 真夜中の管制室――曇りガラスのパネルの中に、鮮やかな青い光が脈打つ。