Projecting shop sign, rectangular

A rectangular projecting shop sign about 0.09 m thick, 0.82 m tall and 0.85 m deep, supplied as one GLB. It has three named material slots: iron, shop paint and sign lettering. There are no textures, only PBR colour slots on UV-mapped geometry, so the board, bracket and lettering can each be recoloured.

It is used in the Mini market and Shopping parade assemblies in the London shopfronts pack, and it pairs with the fascias, awnings and frames there. The pack also has a round projecting sign, used in the corner cafe, for variety along a street.

Triangles run from 220 at high to 124 at medium and 76 at low. The low level is very light, so placing one per shop along a long parade is affordable. The model is safe to instance with InstancedMesh.

A component from the London shopfronts pack, with named material slots for iron, shop paint and sign lettering. It measures about 0.09 m × 0.82 m × 0.85 m (W × H × D) and comes as high, medium and low detail files. Place it on its own, or load one of the 2 included assemblies that use it.

The picture is a studio render. View in 3D loads the GLB files themselves in three.js; switch between high, medium and low to compare.

Included in London shopfronts (£19), which contains 34 component models and 4 assemblies.

See the pack

High detail	220 triangles · 9 KB
Medium detail	124 triangles · 8 KB
Low detail	76 triangles · 7 KB
Size (W × H × D)	0.09 m × 0.82 m × 0.85 m
Format	GLB (glTF 2.0 binary)
Compression	Meshopt (EXT_meshopt_compression) + quantised; uncompressed copy in the pack
Textures	None: PBR colours only, UV-mapped for your own
Material slots	iron, shop paint, sign lettering
Sockets	mount-origin
Era	victorian, contemporary
On mobile	Start with the low level (76 triangles). What a phone can draw depends on your whole scene; no device benchmark is published yet.
Instancing	Safe to instance (InstancedMesh)

Load it in three.js

import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
import { MeshoptDecoder } from 'three/addons/libs/meshopt_decoder.module.js';

const loader = new GLTFLoader().setMeshoptDecoder(MeshoptDecoder);
const { scene: model } = await loader.loadAsync('models/london-shopfronts-projecting-rect/high-london-shopfronts-projecting-rect.glb');
scene.add(model); // 1 unit = 1 metre, origin at the mount socket