ガイドは「左右余白を引いた内側幅」だけを等分します。
余白は“外枠の見え方確認”用で、ガイドの分割基準から除外します。
hover中の要素だけ margin(赤)/padding(青or緑orオレンジ)を表示。
Shift+Clickで固定/もう一度Shift+Clickで解除。
.elementor-section(青)/ .elementor-column(緑)/ .elementor-widget(オレンジ)
ショートカット:P パネル / G ガイド / B ベースライン / X 余白 / C 枠 / Esc 閉じる
NOCODE PALACE
Elementorをベースに、更新性と拡張性を考慮したサイト構造を設計。デザイン性と運用性を両立するWebサイトを実現します。
アイディア・テクノロジー・クリエイティブで創り上げる唯一の体験。
心を動かす、その一瞬のために。
アイディア・テクノロジー・クリエイティブで創り上げる唯一の体験。
心を動かす、その一瞬のために。
Motion and
Rhythm of
Bringing digital experiences to life.
Focusing on the subtle details that create
a lasting impression.
Interaction
We will accelerate the realization of a world where collaboration with
AI agents becomes commonplace.
Design & Strategy
目的やターゲットを整理し、成果につながる情報構造と導線を設計。構築・表現・改善まで一貫する「土台」を整えます。
Site Structure
Elementorをベースに、更新性と拡張性を考慮したサイト構造を設計。デザイン性と運用性を両立するWebサイトを実現します。
Motion & Interaction
GSAP・Three.jsを用いたアニメーション実装。スクロールやインタラクションを含め、動きまで含めたUI体験を構築します。
Growth & Optimization
サイト公開後の運用を見据えた設計。SEO・表示速度・サイト構造最適化を行い、継続的に成長できるサイトを支援します。
Here is a showcase of my creative works.
Discover how ideas take shape,
and designs create meaningful value.