Biofunctional metal–phenolic films from dietary flavonoids †

We assembled dietary, bioactive flavonoids into a metal coordinated network to form thin, surface-bound films and hollow capsules, overcoming the poor water solubility of free flavonoids. Films formed from quercetin, myricetin, luteolin and fisetin show radical scavenging activity, a renowned feature of their parent flavonoids

Dietary flavonoids constitute an important class of plant polyphenols and are present in abundance in fruits, vegetables and leaves, where they fulfill diverse biological functions from pigmentation to defense against chemical and radiation damage. 1 Due to their human health benefits flavonoids have gained increasing attention for applications in anticancer treatment, protection against cardiovascular disease, and mitigation of inflammation. 2,3A drawback of most flavonoids is their poor water solubility.Strategies to address this issue range from encapsulation of flavonoids into liposome or polymeric carriers 4 to synthetic modifications. 5,6However, the preparation of thin surface-bound or free-standing films from dietary flavonoids has largely remained unexplored.
Here, we report the one-step assembly of four different flavonoids upon coordination with Fe III ions into thin films on solid surfaces.Considerable effort has been given to the fabrication of bioinspired functional coatings for application in medicine, optics and catalysis. 7,8One prominent example is polyphenolic films obtained via oxidative polymerization on templating surfaces. 9,102][13] Among the different ligands pyrocatechol (PC, ortho-dihydroxybenzene) was found to be the simplest phenolic ligand that assembles with Fe III into a metal phenolic network (MPN). 13Given that the orthodihydroxyphenyl group is a common structural feature of many bioactive flavonoids, we investigated whether flavonoids could be assembled into nanostructured coatings and free-standing films, as such materials could be of potential interest in the pharmaceutical and food industries.
Myricetin (Myr), quercetin (Que), fisetin (Fis) and luteolin (Lut) are well known for their antioxidant, anti-inflammatory and antibacterial properties.Due to these properties we were interested in studying the MPN formation of flavonoid/Fe III films and to analyze the resulting films regarding their biofunctionality.The flavonoids in this study share a common structural feature, the ortho-dihydroxyphenyl group, but the overall hydroxylation pattern varies from Myr to Lut.Scheme 1 depicts the molecular structures of the flavonoids and illustrates the preparation of surface-bound films and hollow capsules that can be obtained after template removal.
For characterization of flavonoid MPN films we focused on the systems Que/Fe III and Myr/Fe III .Simple mixing of the flavonoids with Fe III in the presence of solid substrates instantaneously produces colored films (Fig. 1a and Fig. S1, ESI †).Well-dispersed hollow capsules were obtained from particulate substrates after template removal (e.g.PS microparticles, Fig. 1bi and v).The zeta (z)-potentials of Que/Fe III and Myr/Fe III capsules were found to be À26 AE 3 mV and À34 AE 3 mV, respectively, most likely because of the acidic hydroxyl groups in both flavonoids (pK a1 = 7.2 (Que), 14 pK a1 = 6.6 (Myr) 15 ).z-Potentials are in the range for colloidally stable particles. 16Que/Fe III and Myr/Fe III capsules did not agglomerate in aqueous solution and intact capsules were observed for both systems over 10 days (Fig. S2, ESI †).Considering the molecular structure of Que and Myr, network formation can be assumed to occur via several coordination sites.Que and Myr are flavonol-type flavonoids consisting of a 3-ring system with two aromatic rings (A and B) that are linked via a heterocyclic pyrane ring C (Scheme 1a). 17Among the different aromatic hydroxyl groups, the 3 0 ,4 0 -dihydroxyphenyl group has been reported to show the highest affinity for Fe III . 18,19Further coordination sites within the flavonols are presented by the carbonyl oxygen with either the 3-hydroxyl or 5-hydroxyl group. 18,19The different reported coordination modes of Que to Fe III are illustrated in Scheme 1c.
To further investigate metal coordination in the networks, UV/Vis absorption spectroscopy was performed on the Que/Fe III and Myr/Fe III capsules.UV/Vis absorption spectra of the Que/Fe III and Myr/Fe III systems showed two major absorption bands, each at 271 and 436 nm, and 265 and 437 nm, respectively (Fig. S3, ESI †).In contrast, free flavonoids showed absorption bands at shorter wavelengths (256 and 374 nm, and 254 and 378 nm for Que and Myr, respectively, Fig. S3, ESI †), which can be assigned to the p-p* transition of the A ring (benzoyl system, band II) and the B ring (cinnamoyl system, band I), respectively (Scheme 1a). 17bathochromic shift upon metal coordination has been observed for the Que absorption band I previously 17,20 and has been ascribed to the extension of the conjugated p-system rather than to a ligand to metal charge transfer (LMCT) 17 characteristic of catechol-Fe III complexes. 21This indicates that metal coordination at the B ring is the major driving force for film formation.Additionally, fluorescence spectroscopy of the Que/Fe III system revealed that the emission of Que at 517 nm (l exc = 380 nm) is efficiently quenched by Fe III coordination (Fig. S4, ESI †), which is consistent with previous reports on Que complexes with Cu II , Fe II and Fe III . 22,23ext, we analyzed the morphology and composition of air-dried capsules by transmission electron microscopy (TEM, Fig. 1bii and vi),  scanning electron microscopy (SEM, Fig. 1biii and vii), and atomic force microscopy (AFM, Fig. 1biv and viii).AFM height analysis yielded single wall thicknesses of 12.0 AE 0.6 nm and 13.2 AE 1.1 nm for Que/Fe III and Myr/Fe III capsules, respectively, which are similar to values obtained for tannic acid(TA)/Fe III (10.4 AE 0.6 nm) 11 and PC/Fe III (11.4 AE 0.4 nm) 13 capsules in previous work.Surface roughness analyses resulted in values of 3.6 AE 0.4 nm and 2.3 AE 0.6 nm for Que/Fe III and Myr/Fe III capsules, respectively, which are higher than found for TA/Fe III (1.6 AE 0.1 nm) 11 and PC/Fe III (ca.0.4 nm). 13X-ray photoelectron spectroscopy (XPS) on Que/Fe III and Myr/Fe III capsules indicated that Fe III is the predominant species in the films with Fe 2p 3/2 and Fe 2p 1/2 signals at B712 eV and B725 eV (Fig. S5, ESI †). 24Energy-dispersive X-ray (EDX) spectroscopy and elemental mapping further showed a uniform distribution of Fe, C and O within the capsules (Fig. S6 and S7, ESI †) of Que/Fe III and Myr/Fe III .
The underlying mechanism of the network formation is a pH-dependent process based on coordination chemistry between a flavonoid ligand and Fe III .At acidic pH, Que/Fe III and Myr/Fe III capsules readily disassembled, as monitored by optical microscopy.UV/Vis spectroscopy of the disassembled Que/Fe III system further revealed the disappearance of absorption bands assigned to the complex and the reappearance of bands at 256 and 374 nm found in free Que (Fig. S3a, ESI †).Interestingly, the absorption bands in the UV/Vis spectrum of acid-treated Myr/Fe III capsules did not match with those of free Myr, suggesting that Myr at least partly coordinates to Fe III under these conditions (Fig. S3b, ESI †).Similar to the UV/Vis spectroscopy findings, the fluorescence emission observed for free Que was restored when disassembling Que/Fe III capsules (Fig. S4, ESI †).The on/off fluorescence between capsules and free Que is potentially promising for application in sensing and monitoring of Que release in a physiological context.In addition, pH-induced disassembly of Que/Fe III capsules served to quantitatively determine the amount of flavonoid and metal in a single capsule.The capsule concentration was first determined by flow cytometry and the amount of Que was subsequently estimated to be 0.67 fmol per capsule from UV/Vis spectroscopy of the acidtreated sample.Inductively coupled plasma optical emission spectroscopy (ICP-OES) experiments yielded a Fe concentration of ca.0.23 fmol per capsule, leading to a ligand/metal ratio of B3 : 1.
Finally, we investigated the biological activity of flavonoid/Fe III films.Among the plethora of functions attributed to dietary flavonoids the most renowned are their antioxidant properties and their ability to scavenge free radicals. 25Radical oxygen species (ROS) play critical roles in inflammation processes.Therefore, films with radical scavenging properties have potential as cytoprotective and anti-inflammatory coatings of, for example, medical implants. 9,26,27We probed the radical scavenging activity of the flavonoid/Fe III coatings with the well-established method based on the stable 2,2-diphenyl-1-picrylhydrazyl (DPPH) radical, which shows a characteristic absorption at 517 nm in ethanol. 9,28Here, radical scavenging activity can be visually followed by discoloration of the purple ethanolic solution of DPPH (Fig. 2d) and quantified by UV/Vis spectroscopy.The decrease in absorption at 517 nm (Fig. 2a) can be correlated to the consumption of the DPPH radical (molecular structures of the DPPH radical and the reduced DPPHH are shown in Fig. S8, ESI †).Films from Que, Myr and Fis showed strong scavenging activity with 80% or more DPPH consumption after 60 min (Fig. 2b), while the Lut/Fe III network consumed less than 40% (Fig. 2b), presumably due to the absence of the 3-hydroxyl group in the C ring. 29,30Based on this finding, we compared the scavenging activity of free Que, Que/Fe III coatings and Que/Fe III capsules of the same Que concentration (Fig. 2c).Both Que/Fe III films on PS particles and as capsules consumed the same amount of DPPH, as monitored over 4 h, which indicates that PS only acts as a template and does not interfere with the scavenging activity of the MPN layer.Further, Que/Fe III films showed ca.10% higher activity than free Que.The higher scavenging activity of complexed flavonoids can be explained by the stabilization of the intermediate semiquinone radical by the iron center and the conjugation with the 3-OH group (Fig. 2f). 20,30In addition to the higher scavenging activity of our Que/Fe III films, we found that the films can be reused and that the scavenging activity was lowered but preserved over at least three cycles (Fig. 2e).Que collected from the films that were exposed to DPPH for 30 min showed a decrease in the absorption band of the B ring at 374 nm while a new band appeared at 292 nm (Fig. S9, ESI †).We assume that oxidation of the films by DPPH decreases the amount of available antioxidant species and reduces the scavenging activity in the subsequent cycles.Taken together, the higher scavenging activity of the flavonoid/Fe III films, and the easy removal and reusability of coated particles provides advantages over free flavonoids.
In conclusion, we developed biofunctional films and capsules from dietary flavonoids (Que, Myr, Lut, and Fis), exploiting the rapid coordination-driven assembly with Fe III .Flavonoids have many attractive properties in a biomedical context, including antioxidant, anti-inflammatory, anticancer and antimicrobial activity.However, most flavonoids suffer from poor water solubility, limiting their therapeutic usefulness.We overcame this issue by making flavonoids available in thin metal-coordinated films with radical scavenging activity.We demonstrated that the antioxidant activity of the complexed Que is higher than that of the free molecule and is preserved over multiple scavenging cycles.The versatility and simplicity of this approach makes flavonoid MPN films and capsules attractive candidates for potential applications in biomedicine and the food industry.Part of our future studies is to investigate other metal ions to form flavonoid MPNs to combine the properties of flavonoids with those of different metal ions.For example, we have demonstrated previously that MPNs from tannic acid and biomedically relevant metals, such as Gd III , 64 Cu II and Eu III , show potential for diagnostics and bio-imaging. 12

Scheme 1 (
Scheme 1 (a and b) Molecular structures of flavonoids investigated and their main source (myricetin: green tea; quercetin: onion; fisetin: strawberry; luteolin: celery).(c) Schematic illustration of coordination-driven assembly of flavonoids and Fe III ions on a templating surface.The coordination-driven network formation is shown for Que/Fe III where coordination can occur via three different coordination sites.

Fig. 1
Fig.1(a) Characterization of flavonoid/Fe III films on planar PS substrates (scale bar 1 cm).From top to bottom: A piece of uncoated PS, PS coated with a Que/Fe III film, and PS coated with a Myr/Fe III film (five deposition cycles, respectively).(b) Characterization of Que/Fe III and Myr/Fe III hollow capsules that were obtained after film formation on PS particles and subsequent PS removal.From left to right: Differential interference contrast (DIC) microscopy (i and v), transmission electron microscopy (TEM) (ii and vi), scanning electron microscopy (SEM) (iii and vii) and atomic force microscopy (AFM) (with the height profile corresponding to the cross section indicated in green (iv) and blue (viii)) images.Scale bars are 10 mm (i and v), 3 mm (ii and vi), 5 mm (iii and vii), and 1 mm (iv and viii).

Fig. 2
Fig. 2 Radical scavenging ability of flavonoid/Fe III films determined with the DPPH method.Decrease in absorption at 517 nm at different time points indicates radical scavenging (a) and correlates to consumption of DPPH (b, same color code as in (a)).DPPH consumption of free Que, Que/Fe III film and Que/Fe III capsules at different time points.Concentration of Que is 10 mM in all systems (c).Ethanolic DPPH solution (left) discolored after exposure (1 h) to a Que/Fe III film (right) (d).Que/Fe III films showed repeated radical scavenging activity over 3 cycles of 30 min incubation with intermediate washing steps (e).Proposed mechanism of complexed quercetin oxidation.The intermediate radical is stabilized by the metal center and conjugation with the 3-OH group (f).