If I could keep only one category of top in a client's closet, it would be the button up. The same shirt reads crisp with trousers, slouchy with leggings and almost dressy with a satin skirt, and the difference comes down to tuck, fabric and what sits below it. Right now the balance I reach for most is volume against structure: a crisp shirt with relaxed pants, an oversized one with something slimmer, a fitted shirt with wide-leg denim, or linen shirts layered open over a plain tank. Below are 20 complete outfits, each built from shoes to bag, with the fit and fabric details I check before I send anyone out the door in them.
Checking Shoulders, Buttons and Sleeve Length
Every outfit below depends on the shirt fitting in three places, and I check them in the same order every time. Get these right and the styling is the easy part.
The shoulder seam
On a fitted shirt, the seam should sit right at the edge of your shoulder bone. On an oversized shirt it is meant to drop lower, but it should look intentional, with the sleeve still ending near your wrist. A shirt that is simply one size too big looks sloppy rather than relaxed, and the shoulders are where it shows first.
Gaps between the buttons
Stand side-on to a mirror and raise your arms. If the placket pulls open between buttons across the bust, the shirt is too tight there, even if it fits everywhere else. Sizing up and having the waist taken in is usually easier than living with the gap. A small hidden snap sewn between two buttons fixes a minor pull, and any tailor can add one quickly.
Sleeves and cuffs
With arms relaxed, a cuff should land at the wrist bone. Too-long sleeves can be rolled, which suits casual looks, but they bunch under a blazer. Too-short sleeves can't be fixed, so I'd pass on the shirt.
1. White Button Up Shirt With Wide Leg Jeans
This is the pairing I test every new white shirt against. A crisp cotton poplin with a front-only tuck into high-rise wide-leg jeans gives the waist some shape without the stiffness of a full tuck. Pull the tuck forward a little after you've sat down, because the fabric creeps out at the sides. Light wash keeps it daytime; dark indigo makes it ready for a casual office. Loafers or pointed flats suit the wide hem better than chunky sneakers, which can make the leg look stubby. A structured tote, small hoops and two loose rolls at the cuff finish it.
2. Striped Button Up Shirt With Tailored Trousers
Stripes do a lot of the polishing for you. Classic blue-and-white is the easiest to wear, though a narrow green or tan stripe looks fresher if you already own the blue. I pair it with relaxed pleated trousers in navy, black or cream, and I check one thing first: the stripe should run straight down the placket. If it bends or ripples, the shirt is pulling across the bust and needs the next size up. Fully tucked with a leather belt, it's ready for meetings; open a few buttons over a fitted tank and it softens for lunch. Loafers or slingback flats keep the line clean.
3. Oversized Button Up Shirt With Leggings
Leggings need a shirt long enough to cover the seat, so I look for cotton or poplin cut past the hip, often with a curved shirttail hem. Try it in the mirror from the side, not just the front. Pair it with plain black leggings or split-hem leggings, open the collar one extra button and push the cuffs to the forearm. Chunky sneakers lean athletic, ballet flats lean softer. I'd skip very thin leggings here, since a long shirt shows every place they turn shiny or sheer. A cap and a crossbody bag make it work for the school run or an airport day.
4. Linen Button Up Shirt With Denim Shorts
Linen wrinkles within the first hour, and I tell people to accept that rather than fight it. The creases are part of why it looks relaxed with denim shorts. Pick a roomy linen shirt in white, sand, pale blue or sage, and keep the shorts at mid-thigh so the shirt hem doesn't hang lower than the shorts. A loose knot at the waist or one tucked side gives the outfit a shape. Flat leather sandals or slides, a woven tote and small gold jewelry are all it needs. Linen breathes far better than polyester blends in humid heat, which is the whole reason to wear it.
5. Black Button Up Shirt With Straight Leg Jeans
Black shirts fade faster than any other color, so this outfit only looks sleek while the shirt is still truly black. Wash it inside out in cold water to keep it that way. Against blue straight-leg jeans it reads casual; with black or charcoal denim it becomes a sharp tonal outfit for dinner. A half tuck with a slim leather belt marks the waist without breaking the leg line. Ankle boots work as long as the jean hem clears the boot shaft rather than bunching on top of it. Silver jewelry suits the cool tone better than gold, in my eye.
6. Button Up Shirt With Midi Skirt
A midi skirt changes how much shirt you can wear. With a full, flowing skirt, I keep the shirt fitted and fully tucked, or knot it at the waist, so the top half stays narrow. With a slim satin or denim midi, an oversized shirt can stay loose because the skirt is doing the structuring. The mistake I see most is a big shirt over a big skirt, which hides the waist completely. Ballet flats or slingbacks keep the hem length looking deliberate. Brunch, a shower or a museum afternoon all suit it.
7. Denim Button Up Shirt With White Pants
A denim shirt above white pants gives a cool, slightly coastal contrast. I prefer a medium or light wash, because a very dark denim shirt next to white trousers splits the body into two blocks. Before you wear it with white pants, check the shirt for dye transfer: new indigo can rub onto pale fabric at the waistband. Wear it tucked, half tucked or open over a fitted tank, then add tan sandals, espadrilles or loafers. A brown belt and a suede or woven bag bring warmth. In fall, swap the sandals for ankle boots and keep everything else.
8. Satin Button Up Shirt With Black Pants
Satin is the quickest way to make a button up feel like evening wear. Champagne, ivory, navy and emerald all catch light well, though very pale satin shows water marks and sweat, so I suggest a darker shade for long nights. Tuck it smoothly into black tailored trousers and press the tuck flat, since satin puffs out over the waistband if you leave slack. Keep jewelry small and let the sheen do the work. Pointed flats or kitten heels, a little clutch and simple earrings finish it. This is my go-to suggestion for anyone who wants to look dressed up for a dinner without wearing a dress.
9. Button Up Shirt With Cargo Pants
Cargo pants carry a lot of bulk at the thigh pockets, so the shirt has to stay controlled. I start with a fitted or slightly roomy button up in white, beige, olive or pale blue, then pair it with relaxed khaki, black or army-green cargos. To avoid looking too bulky, tuck the shirt in or wear it open over a fitted tank so the waist still shows. Sneakers or lug-sole loafers suit the utility mood; a delicate sandal tends to look lost under that much fabric. A crossbody bag and small hoops make it ready for travel days or a concert.
10. Button Up Shirt Dress With Belt
The shirt dress is a complete outfit in one piece, which is why I always tell people to buy it for fit at the bust first and worry about the waist second. A belt can take in extra fabric at the middle, but nothing fixes a placket that gapes. Cotton, linen, denim and striped versions all work, from just above the knee to midi. Flat sandals or sneakers keep it casual, knee-high boots take it into cooler weather. A structured tote looks office-ready, a woven bag reads vacation. Keep the jewelry quiet so the belted shape stays the focus.
11. Button Up Shirt With Tailored Shorts
Tailored shorts look sharper than denim because they hold a crease and sit flat at the hip. High-rise linen, cotton or pleated pairs in beige, black, navy or white suit a crisp shirt tucked in or left slightly open over a tank. Watch the inseam: around five inches is the length that still reads polished, and anything much shorter starts to feel like weekend wear. Leather slides or loafers, a slim belt and a small structured bag finish it. I like this for summer lunches and sightseeing days when it's too hot for trousers but you still want to look put together.
12. Blue Button Up Shirt With Cream Trousers
Pale blue next to cream is a soft contrast, and it feels polished, calm, and expensive-looking without any loud color. The cream has to be warm enough not to look dingy beside the blue, so I hold the shirt against the trousers in daylight before committing. Ivory and oatmeal both work well. Full tuck for the office, half tuck for a weekend lunch. Tan loafers and a matching brown belt and bag tie the warm tones together. It's one of the easiest outfits on this list to repeat every week without anyone noticing.
13. Flannel Button Up Shirt With Black Jeans
A flannel button up shirt is softer and heavier than poplin, so it drapes rather than holds a crisp line. That's why I pair it with black jeans: the dark, plain leg keeps a busy plaid from overwhelming the outfit. Muted plaids in brown, navy, gray or green look more current than bright red buffalo check. Wear it buttoned with a front tuck, or open over a fitted tee as a light layer. Ankle boots or retro sneakers suit it. Flannel pills where a bag strap rubs, so switch shoulders or carry the bag by hand on long days.
14. Button Up Shirt With Slip Skirt
Crisp cotton against liquid satin is the contrast that makes this pairing work. A white, cream or striped shirt sits well over a bias-cut slip skirt in black, champagne, chocolate, navy or olive. Bias cuts cling at the hip, so a shirt knotted at the waist is kinder than a tight tuck if you'd rather not show every line. If you do tuck, wear smooth, no-line underwear, because satin shows everything. Ballet flats or sleek mules keep it daytime; heeled sandals carry it to dinner. A small shoulder bag and fine jewelry are plenty.
15. Button Up Shirt With Blazer And Jeans
This is my standard answer when someone wants to look put together at work without wearing a suit. A white or light blue shirt, a well-fitted black, navy, camel or gray blazer and straight or wide-leg jeans. I check the blazer shoulder seam first: it should end at the edge of your shoulder, not hang past it, or the whole outfit looks borrowed. Tuck the shirt and add a belt so the layers don't bunch at the waist. Let about half an inch of shirt cuff show below the blazer sleeve. Loafers or ankle boots, depending on the dress code, and a structured tote.
16. Cropped Button Up Shirt With High Waisted Pants
A cropped button up should end right at the waistband of high-rise pants, not an inch above it, unless you're happy showing skin when you raise your arms. Boxy cropped shirts balance wide-leg trousers and jeans well, because the short top lets the pants' volume take over. If the shirt is loose, keep the bottom structured; a cropped shirt over soft drawstring pants tends to look unfinished. Platform sandals or loafers add a little height. I'd steer petite clients toward this one, since it lengthens the leg line more than almost any other shirt shape.
17. Sheer Button Up Shirt With Tank And Trousers
Sheer shirts need a deliberate layer underneath, and the color of that layer matters more than people expect. A tank that matches your skin tone disappears, while a black or white tank under a sheer shirt becomes part of the look. I usually pick a matching tone for work and a contrast for evening. Pair it with tailored trousers or wide-leg pants so the bottom half feels solid against the light top. Button it halfway or wear it open. Pointed flats or slingbacks and small earrings finish it. Run a quick check in bright sunlight before leaving home.
18. Button Up Shirt With Sweater Vest
The sweater vest is where the shirt's collar and cuffs become the detail. Start with a crisp white or striped shirt, then a knit vest in cream, gray, navy, camel or black. The collar should lie flat over the vest neckline; if it curls, give it a quick press or try collar stays. I like a vest that ends just at the high hip of straight jeans or a pleated skirt, because a long vest over a long shirt makes the torso look boxy. Loafers or ballet flats keep it preppy, ankle boots add some weight for colder days.
19. Button Up Shirt With Maxi Skirt
With a maxi skirt the shirt needs to stay short or tucked, or the outfit becomes one long column of fabric. I tuck a cotton or linen shirt into a flowy, denim or satin maxi, or tie it at the waist to keep the waistline visible. Open over a tank works too in hot weather. Watch the skirt length with flat shoes: it should clear the ground by about an inch so it doesn't catch on steps. Flat sandals or espadrilles in summer, boots in cooler months. A slim belt and a woven tote make it a strong choice for markets and vacations.
20. Button Up Shirt With Matching Pants
Matching sets save time in the morning because the coordinating is already done. Linen, cotton and satin sets in white, beige, blue or black all work, and stripes add pattern without effort. Wear the shirt buttoned, half tucked or open over a fitted tank. The one thing I check is that both pieces come from the same dye lot, since a slightly different shade between top and pants is easy to spot in daylight. Separate the pieces later and you get two extra outfits from one purchase. Sandals or slides and a tote finish it for travel or a slow weekend.
Washing and Pressing Each Shirt Fabric
These outfits use six or seven different shirt fabrics, and each one ages differently. The care below keeps a shirt looking like the version in the photo for more than a season.
- Cotton poplin: wash warm, hang to dry and press while it's still slightly damp. Collars and cuffs need the most heat, so do those first.
- Linen: wash cool and skip the dryer, which shrinks it and sets hard creases. Steam rather than iron if you like a softer finish.
- Satin and silky polyester: hand wash or use a mesh bag on a delicate cycle, and press on low heat from the inside to avoid shine marks.
- Denim and chambray: wash inside out in cold water with similar colors. The first few washes still release dye.
- Flannel: cold wash and low tumble or line dry. Use a fabric shaver on pilling at the sides and under the arms.
- Sheer shirts: always a mesh bag, and never hang them wet on a thin wire hanger, which leaves a peak at the shoulder.
Yellowing at the collar comes from skin oils, not dirt. Treat it before every wash with a little liquid detergent rubbed in, and white shirts stay white much longer. Store button ups on wide hangers with the top button fastened so the collar keeps its shape.
Start With the Shirt Already in Your Closet
A button up earns its space because it changes so much with what's under it. The same white shirt works with jeans, trousers, shorts, a slip skirt, leggings or its own matching pants. When I build any of these looks, I fix the shirt's fit first, then decide how much of it to tuck, then pick shoes that suit the hem below. Balance a roomy shirt with a cleaner bottom, and dress up a casual fabric with a sharper shoe. Pull out the shirts you already own, try three of these pairings this week, and keep the one you reach for twice.
Related posts:
