The self-assembly of multiple molecular components into complex supramolecular architectures is ubiquitous in nature and constitutes one of the most powerful strategies to fabricate multifunctional nanomaterials making use of the bottom-up approach. When spatial confinement in two-dimensions on a solid substrate is employed, this approach can be exploited to generate periodically ordered structures from suitably designed molecular tectons. In this manuscript we demonstrate that physisorbed directional periodic arrays of monometallic or hetero bimetallic coordination polymers can be generated on HOPG surface by combinations of suitably designed directional organic tecton or metallatecton based on a porphyrin or Ni(II) metallaporphyrin backbone bearing both a pyridyl and a terpyridyl units acting as coordinating sites for CoCl2. The periodic architectures were visualized at the solid/liquid interface with a sub-molecular resolution by scanning tunneling microscopy (STM) and corroborated by combined density functional and time-dependent density functional theory (DFT and TD-DFT) calculations. The capacity to nanopattern the surface for the first time with two distinct metallic centers exhibiting different electronic and optical properties is a key step towards the bottom-up construction of robust multicomponent, thus, multifunctional molecular nanostructures and nanodevices.