Melt the butter in a large skillet over medium-low heat. Add the sliced onion and stir. Cover with a lid and cook for 20 minutes, stirring occasionally. Remove the lid and stir in the sugar, salt and pepper. Cook for a further 10 minutes, until brown a bit and caramelize.: The kitchen should begin to smell sweet and savory as the onions soften and release moisture, a gentle hiss and soft bubbling replacing any sharp raw onion scent. You will notice the onions become translucent before they start to turn a deep amber, which is the cue to remove the lid and add the seasoning. This slower, lower heat coaxing creates maximum sweetness and prevents bitter, burnt edges, and it is why patience matters here. A common mistake is cranking the heat to hurry the process, which gives you browned, fried pieces rather than evenly caramelized ribbons. Stir every few minutes to prevent sticking, and if the pan dries out, add a splash of water to deglaze and lift the fond, which enhances flavor.
Pat the steak dry with paper towels. Generously season it on both sides with salt and pepper. Using a grill or a skillet, cook the steaks to your preferred temperature and let them rest for 10 minutes.: When you pat the steak dry, you eliminate surface moisture so a rich crust can form, and you will hear a pronounced sear if the surface is dry enough. Searing produces an audible sizzle and a deep brown color with caramelized bits, which add savory complexity. Resting is crucial because it lets the juices redistribute, so when you slice it, the meat stays juicy instead of bleeding out onto the cutting board. A common oversight is slicing immediately, which causes the juices to run out and leaves the steak dryer. Use a reliable internal thermometer if you want precise doneness, and remember the steak will rise a few degrees during the rest.
Slice the steak into thin strips against the grain. Cut the ciabatta buns in half horizontally.: Cut across the muscle fibers to shorten them, giving your slices tenderness even from a lean cut like flank steak . Thin slices will look glossy with retained juices, and you should see clean, even lines rather than ragged tears. Halving the ciabatta buns exposes the interior crumb, which is when to check for any big air pockets and press them slightly to create a stable base. The main pitfall here is slicing with a dull knife, which crushes the meat and ruins the texture. Keep a sharp blade and steady hands for clean slices and enjoyable mouthfeel.
Spread a tablespoon of pesto on each bottom half of the buns, then top with 1/2 cup each of baby arugula, followed by steak slices, caramelized onions and tomatoes. Spread mustard and mayo on the top bun then place on top.: The first scent you get when assembling is the herbaceous top note from the pesto , followed by the warm meat aroma. Layering matters, the pesto anchors moisture to the bread while the arugula sits between the sauce and steak to keep leaves crisp. When you place the hot slices onto the bread, you may hear a soft hiss as residual heat meets the spread, which can slightly wilt the greens, adding pleasant texture. Watch for overstuffing, which can make the sandwich hard to bite into and cause ingredients to spill; build modestly so each bite contains a balanced portion of everything.
Spread mustard and mayo on the top bun then place on top: The last touch is the tangy lift from mustard and the creamy glue of mayonnaise , which smooths transitions between textures and flavors. When you press the top bun down gently, you may feel a slight yield as components settle, which signals the sandwich is ready to be sliced or served whole. Avoid piling too much condiment on the top, which can cause sliding and soggy bread. If reheating later, consider removing the top bun and warming the filling separately for best texture.