HIME Systems Proxy — デザイン編集
hime-systems-proxy · systemsproxy.himesystems.com🎨 カラーパレット
🔤 タイポグラフィ
📐 レイアウト
🖥️ ライブプレビュー
見出しサンプル
本文のサンプルテキストです。HIME のサービス世界観を保ちながら、各サービスごとに独自のトーンを持つことができます。
カードサンプル
角丸 12px · 余白 20px · 影 sm
📄 生成される CSS
:root {
--hime-systems-proxy-primary: #A8D5F0;
--hime-systems-proxy-secondary: #5FA3D0;
--hime-systems-proxy-background: #F4FAFF;
--hime-systems-proxy-text: #1E3A5F;
--hime-systems-proxy-accent: #D9A24E;
--hime-systems-proxy-border: #D7E9F5;
--hime-systems-proxy-heading-font: "Noto Sans JP";
--hime-systems-proxy-body-font: "Noto Sans JP";
--hime-systems-proxy-heading-size: 24px;
--hime-systems-proxy-body-size: 14px;
--hime-systems-proxy-line-height: 1.6;
--hime-systems-proxy-radius: 12px;
--hime-systems-proxy-sidebar-width: 240px;
--hime-systems-proxy-card-padding: 20px;
}