Self-assembled materials as surface coatings are used
to confer functional properties to substrates, but such properties
are highly dependent on molecular organization that can be controlled
through tailoring the noncovalent interactions. For monomolecular
films, it is well-known that strong, dipolar interactions can oppose
line tension generating noncircular domain growth. While many surfactant
films exhibit liquid crystalline arrangement of the alkyl chains,
there are relatively few reports of crystalline headgroups. Here,
we report the self-assembly of phenolic surfactants where the combination
of hydrogen bonding and π-stacking leads to a herringbone arrangement
of the headgroups, generating a molecular super-lattice that can be
observed using grazing incidence X-ray diffraction; such an arrangement
has been previously proposed for related phenolic systems but never
experimentally observed. We also investigated using pH to modulate
the intermolecular interactions and the response of the system in
terms of molecular organization. The first hydroxyl deprotonation
does not appear to impact the structure but has significant impact
on the domain size and morphology. Higher pH generates both strong
directional domain growth and a loss of the molecular lattice structure,
attributed to a second deprotonation. In contrast, a shorter chain
surfactant, lauryl gallate, forms a liquid expanded phase that can
contract upon deprotonation. In the condensed phase, the deprotonation
kinetics are unusually slow for which an internal charge re-organization
is proposed. The slow kinetics leads to the co-existence of three
distinct phases for a single component system over relatively long
timescales and provides evidence of a liquid-mediated polymorphic
transformation process in two-dimensional, soft-matter films. This
work has implications for understanding the long-range ordering in
aromatic self-assembled structures and the mechanisms underlying Langmuir
monolayer polymorphism.