Breton stripe

브르통 스트라이프

Bold navy (or red) horizontal bands on white — born as French naval uniform, adopted into high fashion by Chanel.

Also known as: 마린룩세일러 스트라이프Marinière
···
html
<div class="bs"></div><span class="tag">breton</span>
css
.bs{position:absolute;inset:0;background-color:#fff;
  background-image:repeating-linear-gradient(180deg,#14213d 0 26px,transparent 26px 60px);
  animation:pan 9s linear infinite}
@keyframes pan{to{background-position:0 60px}}
.tag{position:absolute;left:10px;bottom:8px;padding:3px 9px;border-radius:999px;background:rgba(20,33,61,.85);
  color:#fff;font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}

A 1858 French Navy regulation put this knit jersey shirt on Breton sailors (matelots). The popular claim that its 21 stripes symbolise Napoleon's 21 naval victories is a romantic story added later rather than a documented fact.

Coco Chanel saw it on a trip to Brittany in 1917 and folded it into her own collection, carrying it from workwear into fashion; Picasso and later Jean Paul Gaultier kept it in circulation as a shorthand for "French chic."

Structurally it sits at the opposite end from pinstripe — the bands are wide (usually close to or a bit narrower than the white gaps) and high-contrast, so the stripe reads before the garment's shape does. In CSS it's the same single repeating-linear-gradient as pinstripe, just rotated to run horizontal instead of vertical.

When to use

Use for nautical/French-basics branding and summer campaigns. Narrow the bands too far and it collapses into pinstripe — keep the width contrast generous.