44dat DESIGN GALLERY

ファッション素材ブランド

織設計局 RASTER LOOM

架空ブランドを立てて制作したデザインデモです(2026-08-11 公開)。

実際のサイトを見る 別タブで開きます

織設計局 RASTER LOOM(ファッション素材ブランド)のホームページデザイン

織設計局 RASTER LOOM(ラスタールーム)は、愛知県一宮市・尾州産地の機屋です。組織・番手・密度・仕上げ — 布を構造で設計し、図面と一緒に納品します。ファッションブランドの素材開発に、試織1反から伴走します。

全ページビュー

織設計局 RASTER LOOM — full page

このサイトの作られ方

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、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 で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。

この業種・このテイストで、御社のサイトを制作します。

掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。