The white wire is wrapped with black tape to identify it as hot. The black wire connects the fan to the speed controller. The red wire connects the light to the dimmer.
Here one ground fault circuit interrupter protects multiple duplex receptacles coming after it, known as multiple-location protection. Two-wire cable runs from the gfci to all the following receptacles. The line terminals on the gfci are connected to the circuit source and the load terminals are connected with a pigtail splice to each of the following receptacles. This keeps each duplex connected directly to the gfci.
In this diagram, a light switch and receptacle are wired in the same box. Both devices are spliced to the same hot source and the neutral to the neutral on the receptacle, and through to the light fixture located in a separate box.
Splice both the fan and the light hot wires together with the common wire from the SW2. The traveler wires are spliced together in the ceiling fixture box. To control the fan and light separately, a builtin switch such as a pull chain or remote control is required on the fan/light.