ファッション素材ブランド
織設計局 RASTER LOOM
架空ブランドを立てて制作したデザインデモです(2026-08-11 公開)。
実際のサイトを見る 別タブで開きます
織設計局 RASTER LOOM(ラスタールーム)は、愛知県一宮市・尾州産地の機屋です。組織・番手・密度・仕上げ — 布を構造で設計し、図面と一緒に納品します。ファッションブランドの素材開発に、試織1反から伴走します。
全ページビュー
このサイトの作られ方
実際の発注内容
ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。
コンセプト 織設計局 RASTER LOOM — 糸の本数・組織・仕上げを触ると柄と光沢が変わる、機屋の織設計そのものを体験させるスペック主導ブランドサイト
- スタイル
- 工業テキスタイル・スペック駆動シェーダ
- レイアウト
- 触れる織設計コンフィギュレータhero+スペック索引エディトリアル
- タイポグラフィ
- condensed grotesk+OCR系仕様書mono
- モーション
- 糸番手・組織・仕上げのパラメータ操作でシェーダの柄と光沢が変わる操作型hero+走査線reveal
- 配色
- 墨黒×工業ネイビー×酸性ライム発光
- 狙い
- Awwwards SOTD(2026-08-10)。重いThree.jsでなく軽量OGLでシェーダheroだけ実装する割り切り。布を情緒でなく構造(組織・番手・密度)で語る方向に振れば、質感ラグジュアリー勢から完全に分離できる
- 設計の勘所
- シェーダを「布っぽい歪み」でなく織設計パラメータのライブプレビューとして使う。操作型heroは1枚に限定し、以降は組織図・番手・反射率を索引化した静的エディトリアルで軽さを保つ
制作記録
このデモは AI が設計・実装しました。使ったモデルと実際の制作記録をそのまま公開しています。
- 生成モデル
- fable(effort: ultracode)
- 実行環境
- Claude Code 2.1.227
- 制作時間
- 48分22秒
- 人による修正
- 0回(一発生成)
- やり取り
- 104 メッセージ
- 出力トークン
- 142,745
- 読み込みトークン
- 18,620,121
写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。
この業種・このテイストで、御社のサイトを制作します。
掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。