Refcat/[untitled]UI reference · WebSwitching to dark mode in [untitled]5 screens · [untitled]Added to Refcat Oct 11, 2026Every screen in orderPatternsDark ModeExplore real product flowsOnboardingCanceling a planSubscribing to a planRecording a trackCreating a folderExporting a trackHomeEditing profileSwitching to dark modeUpdating a discLogging outSearching UntitledMore UI examplesprofile UI examplesExplore the full catalog
![[untitled] Switching to dark mode screen 1 of 5 (Web): Application](https://cdn.refcat.app/m/v1.6gC5VMvRSfjWKDtl.-xbucIXoxYsxHJj7vYaBRRXYau1yt9olAAJ_eXBV3bjCE4Zb_as4wuSFtdN6p9aLvffhPzYnhoA27-HViX0hDRIhJgFIa7AW_3S-IUuxWTgR1lRY-Xpo36kxX-O-Duds0I7ZA7Q8XjMPkjnIt8b03N7QuX4oixqsWau_sm8kmn8Hksof0FzS1LDf_c_2SMTrCqlpCwt7DmQ_EeAuqlkRUQHpnWc.eyUg7tjxpbQfXXtt-BoKuw.png)
![[untitled] Switching to dark mode screen 2 of 5 (Web)](https://cdn.refcat.app/m/v1.TA4kIpoChhr2scd8.8E9H4ZZNj5I0wGgv7futeRghX7VuA2EQ18PxttnADwIC-nOLtldhlNSEhyR7XnN5iI8L6DkeRJgm8Abz1k2Faxw2L3ge_NcVeTCr0c66PAMwSEl-Ga10NGfVX3dZph5aKuYz6Z-oOcOMvkkF828eEn0ODBTxjQWIPL-fvGjuP6bM5E3wFV3D7QxAr7hTqgLURdXdEE028uQYBow6mTvQ50RjMTY.EBmmYJ_PB_DvF8HGfb1dkg.png)
![[untitled] Switching to dark mode screen 3 of 5 (Web)](https://cdn.refcat.app/m/v1._CwEfdFg6Fk3PDci._Pam22irbZs45dbqFox41cnAfkcZBWeSeXxP78IKcoOD5XAgT68UIN5uGztNAL7A82J36j5Y6ELsoiKyab4u5EMjdLIXp0-IFQnzpEtK0tA4oeep3vn930qyPZwSW_mxgUgLO_m0BNdyA9y3HOky9smVeREDMRUVqKmdZGMACnAyg1ZSpFiIsC5v-1MvLpC_7SjLyM2nX4HGFsG3aA1x5iJwD9k.ecQPahqswZkL8eZkYsemHQ.png)
![[untitled] Switching to dark mode screen 4 of 5 (Web)](https://cdn.refcat.app/m/v1.IP-f6q65BKqRmRq9.VWorP_ufRR92KwCjHZe7uOod3GMzoUXv8G8WfZseqQGBqPYAqMwCsxGkEP51newLIfZE9kUATZojpsr87Ed1MjJCLT0ZtM_48LGxeHtVwPoBS8qmSU7l3Exa8U9dSXiya6RDnaCMdHClP3oMF9kioQWtNAVoqw_U_SFTRqlrZlENsx50in1RSCtXaXbS0K_VihTl5cbcZSTWabgG28g2aD7lNAY.jRQJBCnnHBtREqe-I-M8WQ.png)
![[untitled] Switching to dark mode screen 5 of 5 (Web)](https://cdn.refcat.app/m/v1.TyU_fJNA-f3gzI75.M_y72G4nlYj6QfzkbKr0w49GF8bxGPiaJJFDsmrEhJyWzMlYil6fSF1MOiy1ltc3EafHWHCBAju6ptCDTR70ysABRbasjD0a0F3BzKa94xfJSL9bb7U6UCF-SjK47Pbaa-EkctoS3A802mp13J6k3D4AgXqQ6tnLgUdxfUMDTZ8HqPi1baqSZDVQzyBbIPFJy3JLtHipjHZsm5r-Ne4YekM4CXQ.cwIgkB1xdlqPDbd6Aer6hg.png)
![Onboarding flow in [untitled]](https://cdn.refcat.app/m/v1.Dl3_R5TdJBYlUXVJ.gdwMAHDSYM2jtrSFMZje63kyPRVDOn5aOMMnczG98uF2ev2a8y2o7okqKG_HaJ-5zlC6gp5RJx09nNUoajjsfWaoSe2UN3p4ox8-am68JJes2mmtgaJHHl3zZuWOkAiRhfT-b4Bs-SVMi8orD0ODJvVi_073lDugSMhoZqW9LgraPgI2Lv-jDGMF1oG6SSDVNsTUC2MFFB3YX6en2r6qb7CbKEM.HNlBzgbMQKUb3FgZuTGEsg.png)