one inc.

Variable as Identity——変わり続けるデジタル設計

We designed the digital identity of one inc., a creative studio that continues to create visual communication where timeless universality and future-pioneering innovation coexist. We interpreted the studio's stance—holding onto new perspectives, unbound by existing frameworks—as "Variable as Identity," and built a digital experience that breaks with the branding convention of pursuing a single, unwavering identity. For the brand colors, we selected two opposing poles—Cobalt Blue and Vermilion. On every visit, one is chosen at random, and everything shifts in concert—from the logotype and typography to the background and the browser-tab icon—forming an entirely different identity each time. For the project index, we adopted a masonry grid: a variable system that reconfigures from 2–4 columns on smartphones to 3–5 columns on tablet and above. To make this possible, we built on JAMStack, a web architecture resilient to change—a compile-time-optimized, lightweight SvelteKit renders the shifting identity and its motion at speed, while a headless CMS lets the client update content safely on their own, realizing both expressive freedom and operational independence.

時代に流されることのない普遍性と、未来を切り拓く革新性が共存するヴィジュアルコミュニケーションを創造し続けるクリエイティブスタジオone inc.のデジタルアイデンティティの設計を行いました。one inc. が掲げる姿勢——既存の枠組みにとらわれず、新たな視点を持ち続ける——を「Variable as Identity」と解釈し、ブレのない単一のアイデンティティを追求するブランディングの慣例から一線を画すデジタル体験を構築しました。ブランドカラーには、両極をなす2色〈コバルトブルー〉と〈バーミリオン〉を選定。サイトを訪れるたび2色がランダムで決定され、ロゴタイプからタイポグラフィ、背景、ブラウザタブのアイコンに至るまで一貫して変化し、全く異なるアイデンティティを形作ります。プロジェクト一覧には、メイソンリーグリッドを採用。スマートフォンで 2〜4 カラム、タブレット以上で 3〜5 カラムへと構成が変化する、可変メイソンリーシステムを設計しました。これらを実現するため、変化に強いWebアーキテクチャであるJAMStack基盤を採用し、コンパイル時最適化で軽量な SvelteKit が可変するアイデンティティとモーションを高速に描画し、Headless CMS がクライアント自身による安全な更新を支え、表現の自由と運用の自立を実現しています。