Introduction

The aromatic chromophores, for example, perylene diimides (PDI), are well known for their desirable absorption and emission properties1,2,3,4,5,6,7,8,9,10. However, their stacking nature can lead to severely quenched emission11,12,13,14,15,16, which has greatly hindered the exploitation of their properties and further applications. To fabricate emissive aggregates or solid-state materials, it has been common practice to weaken the π-π interactions of aromatic chromophores by the covalent attachment of substituents, e. g., bulky dendrons, into the aromatic rings and it is quite efficient to fabricate highly fluorescent materials17,18,19,20,21,22,23, which, however, often involves difficult organic synthesis with multiple steps. Recently, aggregation-induced emission has been proven to be another efficient way to fabricate functional aggregates with high fluorescence24. However, only a limited number of chromophores exhibit this special property.

Besides the covalent methods mentioned above, we wonder if there is a supramolecular approach to suppress fluorescence quenching and to fabricate fluorescent and adaptive soft materials. Cucurbit[n]uril (CB[n]), a family of pumpkin-shaped macrocyclic hosts, has been developed into an interesting research area, because of their rich host-guest chemistry25,26,27,28,29,30,31,32. The CB[n] molecules are hydrophilic at their exterior, whereas it is hydrophobic inside their cavities. Because of the existence of the hydrophobic cavity, CB[n] has been widely used to encapsulate and solubilize dyes29,30,31,32, to enhance weak supramolecular interactions33,34 etc. Herein, the large molecular volume and hydrophilic exterior of CB[n] molecules have encouraged us to explore the possibility of utilizing CB[n] as the bulky “noncovalent building blocks” to suppress the close stacking of chromophores in water, so as to obtain highly fluorescent materials. Moreover, the rich host-guest chemistry of CB[n] can enable the bulky substituents to be noncovalently and reversibly attached to the PDI aromatic rings, which can greatly decrease the number of required synthetic steps and also allows for a system with switchable photophysical properties.

For this purpose, a new kind of “dumbbell-shape” supramolecular amphiphile (supra-amphiphile) has been designed as shown in Figure 1. Supra-amphiphiles refer to amphiphiles that are formed on the basis of noncovalent interactions35,36,37,38,39. The advantages of supra-amphiphiles relate to their noncovalently synthesized nature, so the time-consuming covalent synthesis and purification process can be avoided to some extent. Here, perylene diimide (PDI), a remarkably photostable and highly fluorescent organic dye, is incorporated into one of the building blocks of the supra-amphiphile, Bola-form perylene diimide amphiphile (BPDI), acting as the rigid core. The other building block, CB[7], is selected as the bulky hydrophilic heads of the supra-amphiphiles. The strong host-guest interaction between CB[7] and naphthalene-methanaminium moiety40 on BPDI is used as the driving force for the construction of the supra-amphiphile. It is anticipated that the “dumbbell-shape” supra-amphiphile can self-assemble into well-defined nanostructures in water owing to their amphiphilic nature, with the bulky CB[7] heads of the supra-amphiphile acting to weaken the π-π interactions, thus preventing the fluorescence quenching of the PDI chromophores in the assemblies. Furthermore, the noncovalently prepared fluorescent soft materials may exhibit some adaptivity, inherited from the reversibility of the host-guest interaction, allowing the supramolecular material to be used as a smart supramolecular sensor for spermine, an important tumor biomarker.

Figure 1
figure 1

Schematic illustration of the fabrication of the adaptive “dumbbell-shape” supra-amphiphiles.

PDI is incorporated into one of the building blocks of the supra-amphiphile, BPDI, acting as the rigid core. The other building block, CB[7], is selected as the bulky hydrophilic heads of the supra-amphiphiles. The strong host-guest interaction between CB[7] and naphthalene-methanaminium moiety on BPDI is used as the driving force for the construction of the supra-amphiphile. It is anticipated that the bulky CB[7] heads of the supra-amphiphile may suppress the fluorescence quenching of the PDI chromophores in the assemblies. Furthermore, the reversibility of the host-guest interaction may allow the supramolecular material to be used as a smart supramolecular sensor for spermine, an important tumor biomarker.

Results

“Dumbbell-shape” supra-amphiphiles can be easily fabricated by mixing CB[7] with BPDI

For the construction of the desired “dumbbell-shape” supra-amphiphiles, CB[7] and BPDI were mixed in water at a 2:1 molar ratio. Several observations and measurements support the hypothesis that supra-amphiphiles are formed. Firstly, the colors of the BPDI solution changed from orange to deep red after the addition of CB[7] (Figure 2a). The color change suggests that the packing arrangements of PDI chromophores in the assemblies have changed on the addition of CB[7], resulting in a different electronic coupling of the π-systems. Secondly, from isothermal titration calorimetry results shown in Figure 2b, an abrupt transition point appears when the molar ratio of BPDI:CB[7] reaches 1:2, indicating the formation of BPDI/(CB[7])2 supra-amphiphiles. The binding constant of naphthalene-methanaminium subgroup with CB[7] is calculated to be K = 4.4 × 105 M−1. Thirdly, in mass spectroscopy (see Supplementary Figure S1), the peak at m/z = 1584.66, which corresponds to the complex of BPDI2+/(CB[7])2, was observed, further confirming the formation of BPDI/(CB[7])2 supra-amphiphiles. Fourthly, as indicated by dynamic light scattering (DLS) measurements (Figure 2c), BPDI assemblies disappeared completely after the addition of CB[7]. Instead, smaller assemblies with a hydrodynamic diameter of ~100 nm can be detected, indicating that the BPDI/(CB[7])2 supra-amphiphiles show quite different self-assembling behavior compared with that of their building blocks.

Figure 2
figure 2

“Dumbbell-shape” supra-amphiphiles can be easily fabricated by mixing CB[7] with BPDI.

(a) Photographs of the BPDI and the BPDI/(CB[7])2 aqueous solutions. (b) ITC data for the titration of CB[7] with BPDI, “molar ratio” is defined as BPDI:CB[7]. (c) DLS measurements of the BPDI and the BPDI/(CB[7])2 aqueous solution. The ratio in the inset of (c) is defined as BPDI:CB[7]. The concentration of BPDI is fixed at 5.0 × 10−4 M.

BPDI/(CB[7])2 “dumbbell-shape” supra-amphiphiles self assemble into nanodiscs

Electron microscopy indicated that the BPDI/(CB[7])2 “dumbbell-shape” supra-amphiphiles self-assemble into nanodiscs in aqueous solution. The scanning electron microscope (SEM) image in Figure 3a clearly shows that nanodiscs with a diameter of ~400 nm. The thickness of the nanodiscs is measured to be several tens of nanometers from the side view images (see Supplementary Figure S2). To confirm that the formation of the nanodiscs is not related to the evaporation of the solvent during the vacuum condition in SEM, we conducted observations by cryogenic-transmission electron microscope (cryo-TEM), as shown in Figure 3b. The cryo-TEM images of the nanodiscs are very similar to the SEM image, indicating that the nanodiscs are formed by self-assembly of the supra-amphiphiles in aqueous solution.

Figure 3
figure 3

BPDI/(CB[7])2 “dumbbell-shape” supra-amphiphiles self assemble into nanodiscs.

(a) SEM, (b) cryo-TEM images of BPDI/(CB[7])2 self-assemblies. The concentration of BPDI is fixed at 5.0 × 10−4 M.

BPDI/(CB[7])2 “dumbbell-shape” supra-amphiphiles are efficient for the fabrication of highly fluorescent assemblies

An interesting finding is that the fluorescence of the nanodiscs assembled by the “dumbbell-shape” supra-amphiphiles is greatly enhanced compared with the BPDI assemblies. As shown in Figure 4, in the BPDI assemblies, the fluorescence of the PDI chromophores is severely quenched. The quenching behavior should be ascribed to the “H-aggregated” nature of the PDI chromophores11,41, as indicated by the hypsochromic shift of absorption maxima (see Supplementary Figure S3). However, upon the addition of CB[7] into the aqueous BPDI solution, a dramatic increase of the fluorescence intensity at 570–750 nm is clearly observed. The emission intensity at 610 nm of BPDI/(CB[7])2 supra-amphiphiles is about 100 times higher than that of BPDI and the solution of the supra-amphiphiles becomes highly fluorescent, as shown in the inset of Figure 4 (see Section 6 in the Supplementary Information for detailed discussions).

Figure 4
figure 4

The fluorescence of the BPDI/(CB[7])2 “dumbbell-shape” supra-amphiphiles is greatly increased compared with that of BPDI.

Fluorescence spectra of the BPDI-CB[7] complexes with different molar ratios. Inset: Photographs of the BPDI (left) and BPDI/(CB[7])2 (right) aqueous solution upon irradiation with a 354 nm light source. The concentration of BPDI is fixed at 5.0 × 10−4 M.

In the nanodiscs assembled from the “dumbbell-shape” supra-amphiphiles, the close π-π stacking of the core-located PDI chromophores may be weakened due to the influence of two bulky heads on the supra-amphiphiles, which can suppress the electronic coupling of the PDI aromatic rings in the “H-aggregates” thus leading to the enhanced fluorescence. We employed ultraviolet–visible spectroscopy (UV/Vis) and 1H-nuclear magnetic resonancespectroscopy (1H-NMR) to illustrate this point. As shown in Figure 5a, as the ratio of CB[7]:BPDI increases, the absorption intensities increase gradually, whereas the PDI chromophores still remain in the “H-aggregated” state, as indicated by the unchanged pattern of the absorption bands. It has been well studied that the extent of hypochromism, i.e., the decrease in the molar extinction coefficient of the chromophores, is dependent on the distance and relative orientation between the chromophores42,43. Considering that no new absorption bands appear during the complexation process, the change of orientations of the PDI chromophores in the assemblies may be negligible11,20,44,45. Thus, the observed increase of absorptions should then be ascribed to the increased distance between the PDI chromophores. This speculation is further supported by 1H-NMR spectroscopy. As shown in Figure 5b and Supplementary Figure S4, in the NMR spectrum for the BPDI assemblies, the signals were very weak and noisy especially at the aromatic region, indicating that the PDI aromatic rings are in the severely aggregated state. In contrast, the NMR spectrum for the BPDI/(CB[7])2 supra-amphiphiles became much more clearer and the peaks got isolated with each other, thus indicating that the bulky CB[7] has prohibited the close π-π stacking of the PDI chromophores in the assemblies29,46.

Figure 5
figure 5

The reason for the enhanced fluorescence of the BPDI/(CB[7])2 “dumbbell-shape” supra-amphiphiles and their adaptivity.

(a) UV/Vis spectra of the BPDI-CB[7] complexes with different molar ratios. The molar ratio shown in the inset is defined as BPDI:CB[7]. (b) 1H-NMR spectra of BPDI (black) and BPDI/(CB[7])2 (blue). The solvent is D2O. (c) Fluorescence microscopic images of BPDI (left) and BPDI/(CB[7])2 (right) solid-state thin films. The samples are irradiated with a 550 nm light source. The scale bar is 110 μm. (d) Fluorescence spectra of BPDI (black curve), BPDI/(CB[7])2 (red curve) and BPDI/(CB[7])2/AD2.4 (blue curve) aqueous solution. The concentration of BPDI is fixed at 5.0 × 10−4 M.

We were curious about whether the noncovalent method established here is also effective for the fabrication of supramolecular fluorescent solid-state thin films. A thin and solid film was prepared by drop-casting the BPDI/(CB[7])2 solution onto glass slides. As shown by the fluorescence microscopy images in Figure 5c, the film emits an intense red light under illumination. By great contrast, the thin film of BPDI is non-emissive. Thus, the noncovalently fabricated “dumbbell-shape” supra-amphiphiles can provide an easy and efficient way for the fabrication of a highly fluorescent supramolecular solid-state material which are originally non-emissive due to fluorescence quenching.

The “dumbbell-shape” supra-amphiphiles show great adaptivity

The supramolecular approach to fabricate highly fluorescent aggregates not only has greatly decreased the number of required synthetic steps and also allows for the construction of smart soft materials with great adaptivity, inherited from the reversible host-guest interactions. 1-Adamantanamine hydrochloride (AD), which has a stronger complexation with CB[7]25,26,27,28,29,30,31,32,40, was added into the BPDI/(CB[7])2 complex solution until a molar ratio of BPDI:CB[7]:AD = 1:2:2.4 was obtained. As expected, the preferred binding of CB[7] to the AD guests can lead to the dissociation of the BPDI/(CB[7])2 supra-amphiphiles. From mass spectroscopy, the peaks corresponding to the BPDI/(CB[7])2 supra-amphiphiles (m/z = 1584.66) disappear completely, whereas the peak corresponding to the AD/CB[7] complex (m/z = 1314.62) appears (see Supplementary Figure S6a), indicating the successful dissociation of CB[7] from the “dumbbell-shape” supra-amphiphiles by the competing AD guests. DLS measurements also indicate the successful recovery from the BPDI/(CB[7])2 supra-amphiphiles to BPDI amphiphiles. The assemblies with a hydrodynamic diameter of ~100 nm formed from the supra-amphiphiles disappear, while larger aggregates with a hydrodynamic diameter of ~1000 nm appear, which is about the same size as that formed by BPDI alone, as shown in Supplementary Figure S6b. Moreover, the morphology of the assemblies are similar to that of the BPDI alone, as indicated by the TEM images (Supplementary Figure S6c). No nanodiscs can be observed, confirming the dissociation of the supra-amphiphiles. Further, after the addition of the competitive AD, the fluorescence of the solution recovers to the initial highly quenched state, as shown in Figure 5d and Supplementary Figure S6d. The fluorescence of the BPDI/(CB[7])2/AD2.4 system is nearly the same as that of BPDI, indicating that the current system is highly reversible and adaptive.

The adaptive supra-amphiphiles can be used as supramoleuclar sensor for spermine

The highly adaptive “dumbbell-shape” supra-amphiphiles can be used as a supramolecular sensor for the fast and ultra-sensitive detection of spermine. Spermine is a biologically active amine formed by usual metabolic processes in cells and plays an important role in regulating cell growth and differentiation47,48. The detection of spermine is important because of its toxicity and its usage as tumor biomarking properties. Elevated spermine concentrations in body fluid is reported to be indicative of the presence of rapidly growing malignant tumors and monitoring spermine in body fluid is proposed as a tool for early diagnosis and to assess the efficacy of cancer therapy49,50. However, the sensitive and selective detection of spermine is greatly hindered by its low molecular weight, low volatility and lack of chromophores. Although the spermine is currently detected using immunoassays51 and chromatographic techniques47,52,53, these are time-consuming, tedious procedures, involving expensive equipment.

In our current system, considering the adaptive nature of the supra-amphiphiles and the simultaneous dramatic fluorescence change, we have explored the possibility of utilizing this system for the detection of ultra-trace amounts of spermine. Spermine can preferably bind to CB[7] due to the existence of multiple positive charges and long alkyl chains (binding constant K = 2.6 × 107 M−1)54,55 (Figure 6a and Supplementary Figure S7), thus leading to the dissociation of the supra-amphiphiles and the simultaneous quenching of the fluorescence. As shown in Figure 6b, when spermine is added into the aqueous solution containing 500 nM of the “dumbbell-shape” supra-amphiphile, the fluorescence of PDI is reduced. As a control experiment, spermine could not quench the fluorescence of the BPDI alone without CB[7], further supporting the sensing mechanism as shown in Figure 6a. The extent of fluorescence quenching is then plotted against concentration of spermine, thus the working curve of the supramolecular sensor can be obtained, as shown in the inset of Figure 6c (black dots). The supramolecular sensor is very sensitive to the concentrations of spermine even down to the range of tens of nanomolar concentrations. Only 30 nM of spermine can cause a 10% quenching of the fluorescence, which is among the most sensitive sensors for spermine to the best of our knowledge56,57,58. In addition, the detection range can be easily adjusted in a wide range by varying the concentration of the supra-amphiphiles. As indicated by Figure 6c, when the concentration of supra-amphiphile is fixed at 5.0 μM (red dots), the detection limit for spermine can be adjusted to several micromolar concentrations. Further increase of the concentration of supra-amphiphile to 25 μM allows for the sensitive detection of spermine up to ~60 μM (blue dots). The broad detection range presented here can cover the full critical concentration range for cancer diagnosis and clinical usage59,60. Moreover, the supramolecular sensor shows good selectivity for spermine over several closely related structural analogues, such as some biological amines (spermidine, putrescine et al.) and amino acids (L-arginine, L-lysine et al.), of which the analyte-induced fluorescence quenching is small compared to that for spermine (Figure 6d). Sensing kinetics of the supramolecular sensor were also studied. The fluorescence of the supramolecular sensor can be dramatically quenched immediately at the time of spermine addition and reaches equilibrium within ~40 s (Figure 6e), which is the most rapid sensing system for spermine reported to date56,57,58, benefiting from the high adaptivity of supra-amphiphiles.

Figure 6
figure 6

The adaptive “dumbbell-shape” supra-amphiphiles can be used as a supramolecular sensor for spermine.

(a)Schematic illustration of the mechanism for sensing spermine. (b) Fluorescence spectra of the BPDI/(CB[7])2 aqueous solution with different concentrations of spermine. The concentration of BPDI is fixed at 500 nM. Inset is the concentration of spermine in the solution. (c) Fluorescence emission quenching extent (λem = 553 nm) of the BPDI/(CB[7])2 aqueous solution (black: 500 nM, red: 5.0 μM, blue: 25 μM) with different concentrations of spermine. Inset is the enlarged curve when the concentration of BPDI/(CB[7])2 supra-amphiphile is fixed at 500 nM. (d) Fluorescence emission quenching extent (λem = 553 nm) of the aqueous solution containing BPDI/(CB[7])2 supra-amphiphiles (concentration: 500 nM) and different analytes (concentration: 1.0 μM). (e) Stopped-flow fluorescence data of BPDI/(CB[7])2 supra-amphiphiles aqueous solution upon addition of spermine. The concentration of supra-amphiphiles is 5.0 μM and that of spermine is 10.0 μM.

Discussion

Upon simply adding CB[7] into the aqueous solution of BPDI, the bulky CB[7] can be noncovalently attached to the PDI chromophores, thus transforming the nonemissive nanoflowers (BPDI assemblies) into highly fluorescent nanodiscs. The reason for the enhanced fluorescence in the nanodiscs can be explained as follows: In BPDI assemblies, the fluorescence of the PDI chromophores is severely quenched due to the close contact between the PDI chromophores. However, the noncovalently attached bulky CB[7] hydrophilic heads of the supra-amphiphiles have suppressed the π-π interactions and fluorescence quenching of the PDI chromophores in the aggregates, thus leading to the fabrication of highly fluorescent assemblies.

In this paper, we have explored the ability of the supra-amphiphile to act as a supramolecular sensor for spermine, an important biological amine. The supramolecular sensor shows high sensitivity and selectivity, adjustable wide detection range and rapid response rate. Although some optical spermine chemsensors have been reported recently56,57,58, our supramolecular sensor is unique in that it combines all the advantages in one system, which has never been achieved before and is crucial for real time biological applications.

The high performance of the current supramolecular sensor may arise from the unique molecular structures of the supra-amphiphiles. The chromophore of perylene diimide is highly hydrophobic and has a great propensity to aggregate in water even at very low concentrations of the supramolecular sensor20. Thus, the switching of the fluorescence can still occur in the presence of ultra-trace amounts of spermine with a fast response rate; The hydrophilic heads of the supra-amphiphile, CB[7], can bind specifically to the analyte based on host-guest interactions54,55, which is the reason for the high selectivity of the sensor. It is thus anticipated that, by changing the hydrophilic heads of CB[7] into other host molecules, e.g. cyclodextrins, calixarenes, supramolecular sensors for other specific analytes can be easily fabricated.

In conclusion, we have provided a novel supramolecular approach for fabricating highly emissive and smart materials using a new kind of “dumbbell-shape” supra-amphiphiles, which have greatly decreased the number of required synthetic steps and also allows for a system with switchable photophysical properties. By simply adding CB[7] into the non-emissive BPDI assemblies in water, the fluorescence of the PDI chromophores in the aggregates can be greatly increased, thus leading to the rational fabrication of highly fluorescent supramolecular materials. The supramolecular approach established here is also effective for the fabrication of highly emissive solid-state thin films. Moreover, the water-soluble “dumbbell-shape” supra-amphiphiles exhibit great adaptivity and can be used as a supramolecular sensor for the rapid detection of spermine with high sensitivity and selectivity, which is crucial for real time biological applications, for example, the early diagnosis of malignant tumors. It is anticipated that these “dumbbell-shape” supra-amphiphiles and analogues could be useful for the fabrication of new kinds of functional supramolecular smart materials.

Methods

Synthesis of BPDI

The synthesis route to BPDI is depicted in Supporting Information. The purity was confirmed by 1H NMR spectroscopy and electrospray ionization mass spectrometry (ESI-MS).

Instrumentation and methods

1H-NMR and electrospray ionization mass spectrometry (ESI-MS): The NMR spectra were obtained using a JOEL JNM-ECA400 apparatus. The ESI-MS spectra were recorded using a PE Sciex API 3000 apparatus. DLS measurements were performed using a Malvern NanoZS90 apparatus. The UV-Vis spectra were measured using a HITACHI U-3010 spectrophotometer (path length: 1.0 mm). The fluorescence spectra were measured using a HITACHI F-7000 apparatus. For the experiment in Figure 4, the excitation wavelength is 550 nm, slit: 10.0 nm, scanning rate: 240 nm/min. For the supramolecular sensor experiments (Figure 6), a pH 3 aqueous solution is used for all the experiments. The excitation wavelength is 510 nm for the all the fluorescence measurements.

Stopped-flow fluorescence experiments

Time-dependent fluorescence tests were carried out by using the fluorescent mode on a Chirascan spectrometer (Applied Photophysics, UK) equipped with a stopped-flow accessory. The optical pathlength was set to 10 mm. The excitation wavelength was fixed at 510 nm and the emission signal, passing through a 540 nm filter, was recorded by a fluorescence detector.

Isothermal titration microcalorimetry

All measurements were performed using a TAM 2277-201 microcalorimetric system (Thermometric AB, Järfälla, Sweden) with a stainless steel sample cell of 1 mL. The sample cell was initially loaded with 0.7 mL of buffer or 0.1 mL host solution. The guest solution was injected into the sample cell via a 500 μL Hamilton syringe controlled by a 612 Thermometric Lund pump. A series of injections were made until the desired concentration range had been covered. The system was stirred at 60 rpm with a gold propeller. The observed enthalpy (ΔHobs) was obtained by integration over the peak for each injection in the plot of heat flow P against time t. The dilution heats of the guest were subtracted from the heats of guest-host binding experiments. By fitting the observed enthalpy curves plotted against the molar ratio of guest to host, the binding constants (Kb) and the enthalpy changes (ΔH) of binding were derived. All of the measurements were conducted at 298.15 ± 0.01 K.

TEM

For TEM observations, a JEMO 2010 electron microscope was used operating at an acceleration voltage of 120 kV. The samples were prepared by drop-coating the aqueous solution on a carbon-coated copper grid and were then were negatively stained with a uranyl acetate or phosphotungstic acid solution.

Cryo-TEM

Samples were prepared in a controlled environment vitrification system (CEVS) at 28°C. The vitrified samples were stored in liquid nitrogen until they were transferred to a cryogenic sample holder (Gatan 626) and examined by a JEM2200FS TEM (200 kV) at about −174°C.

SEM

A JEOL JSM-7401F field-emission scanning electron microscope was used operating at 3.0 kV. The sample was prepared by drop-coating the aqueous solution on a Si substrate and then dried under moist conditions. The sample was directly mounted onto the microscope for imaging.

Fluorescence microscopy

Fluorescence images were recorded on an Olympus BX 51 apparatus upon irradiation with a 550 nm light source. In the experiments, the samples were prepared by drop-coating the aqueous solution onto a glass slide and then drying in air. The same exposure time (50 ms) was adopted for all samples to ensure the same intensity of excitation.