Styleguide.
ULTRIZE 公式HP の設計図。なぜ、何を、どう作っているか—— Mission・Vision・Values から、タイポグラフィ、カラー、モーション、独自コンポーネントまで、判断の根拠を版下として公開しています。
制作会社や同業の方が "中身" を読めるよう、トーン・ロゴ規則・コンポーネントの意図まで明文化しています。再利用や引用は構いませんが、表記は原本のまま使ってください(たとえば ULTRIZE™)。
Brand Book
Mission・Vision・Values。Manifesto。Tone of Voice。Logotype & Trademark。創業者の Why。ULTRIZE の「なぜ」と「どんな言葉で動くか」を一枚に。
Typography
Optima Nova(ロゴ)/ Shippori Mincho(和文見出し)/ EB Garamond(英文見出し)/ Inter(英文本文・メタ)/ Noto Sans JP(和文本文)の 5 書体運用。
Colors
ベージュ × ダークグレー × 朱赤の 3 色。朱赤は 1 セクション 1 点原則で運用。Light / Dark 両テーマで反転。
Motion
WordPlay の 3 フェーズアニメ、Marquee、Orbital、イージング曲線。派手さは禁忌、リズム変化で楽しませる原則。
CTA
Compass(FV/締め)・Brush(編集的アクセント)・Block(フォーム送信)・Minimal(インライン)の 4 系統 CTA。Light / Dark で挙動確認。
Components
PeriodAccent・DeckHud・SiteNav・WordPlay・TranslationLayers・Marquee・CTA Variants の役割(Role)/ 意図(Intent)/ ルール(Rules)。