The amalgamation of different components into a giant and intricate structure that makes quantitative and spontaneous assembly through molecular design is indispensable but challenging. To construct novel metallo-supramolecular architectures, here we present an architectural design principle based on multicomponent self-assembly. Using a carefully designed hexatopic terpyridine-based metallo-organic ligand (MOL), [Ru2T2K], we report on the formation of supramolecular trapezoid Zn5[Ru2T2K]V2, hollow hexagon Zn15[Ru2T2K]3K3, and giant star-shaped supramolecule Zn18[Ru2T2K]3[Ru2X2V]3, all of which were assembled by one-pot, nearly quantitative assembly of [Ru2T2K] with the ditopic 60°-directed bisterpyridine V, tetrakisterpyridine K, and MOL [Ru2X2V], respectively. The complementary ligands were selected on the basis of the size- and shape-fit principles, actually similar to the mortise-tenon joint that aligns and locks the two complementary wood components. This strategy is expected to open the door to sophisticated designer supramolecules and nonbiological materials. The multivalent connections within the mutual ligands give rise to the formation of stable assemblies, which are unambiguously characterized by NMR, ESI-MS, TWIM-MS, and TEM analyses.