Skip to content
About Boon Ties
Faces Behind the Brand
Hi, I'm Rachel Smith, and this is my rad family.
I started making ties in 2007 for my boys,
which grew into a small shop called
Trendy Ties . As our family and
customers grew, the brand evolved and
grew too—and Boon Ties was born.
What Does Boon Mean?
Boon means a thing that is
helpful, beneficial, or a blessing .
We chose this name because that's exactly
what this small business has been for our
family—a boon —and we want
Boon Ties to bring a little extra goodness
to everyone who comes across them.
Look Good + Do Good
Boon Ties are on a mission: to help boys,
men, and families look good
so they can do good .
We believe that when you look good, you feel
confident—and confidence can take you places.
Whether it's acing an interview, stepping
up to teach or serve, saying "I do" to the
one you love, or just rocking your everyday
life, our ties and bows are here to help
you show up sharp.
Each tie carries a gentle reminder on the
back: "look good + do good" .
And with matching hair bows and headbands,
families can coordinate and look good
together !
A Family Business
Boon Ties is truly a
family business —Chad,
my husband, is a college professor by
day and expert box-mover by night, and
our four kids are always in and out of
the shop, pitching in between homework
and sports practice.
It's all hands on deck, and every tie
that leaves our shop carries a little
bit of our family with it.
From Our Family to Yours
We are deeply thankful for each and every
customer, and sometimes catch ourselves
thanking you by name as we package your
orders.
Each tie is made with love, from our family
to yours.
Thank you, thank you, thank you!
Choosing a selection results in a full page refresh.
Opens in a new window.
Double click on a word to see the definition.
:host{display:block;font:inherit;color:var(--ad-text,#1a1a1a);--ad-a:var(--ad-accent,#2c6ecb);--ad-t:var(--ad-track,#e6e8eb)}
:host([hidden]){display:none}
:host([data-ad-injected]){margin:var(--ad-mt,var(--ad-gap,12px)) var(--ad-mx,0px) var(--ad-mb,var(--ad-gap,12px))}
.card{background:var(--ad-surface,#fff);border:1px solid var(--ad-border,rgba(0,0,0,.08));border-radius:var(--ad-radius,12px);padding:14px 16px}
:host([variant=floating]) .card{position:fixed;left:50%;bottom:var(--ad-offset,16px);transform:translateX(-50%);width:min(480px,calc(100vw - 32px));box-sizing:border-box;border:0;box-shadow:0 10px 30px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);z-index:2147483000;max-height:calc(100vh - 2 * var(--ad-offset,16px));max-height:calc(100dvh - 2 * var(--ad-offset,16px));overflow-y:auto;overscroll-behavior:contain}
:host([data-pos=bottom-left]) .card{left:16px;transform:none}
:host([data-pos=bottom-right]) .card{left:auto;right:16px;transform:none}
:host([data-pos=top]) .card{bottom:auto;top:var(--ad-offset,16px)}
.hd{font-size:13px;font-weight:600;line-height:1.4;margin:0 0 4px;opacity:.75;letter-spacing:.01em}
.msg{font-size:14px;line-height:1.45;margin:0}
.msg strong{font-weight:700;color:var(--ad-a)}
.done .msg{font-weight:600}
.track{position:relative;height:10px;margin:12px 11px 6px 0;border-radius:999px;background:var(--ad-t)}
.fill{height:100%;border-radius:inherit;background:var(--ad-a);background:linear-gradient(90deg,color-mix(in srgb,var(--ad-a) 55%,#fff),var(--ad-a))}
.fill.grow{animation:ad-grow .6s cubic-bezier(.2,.8,.2,1)}
@keyframes ad-grow{from{width:var(--from)}}
.done .fill{background:var(--ad-a)}
.dot{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--ad-surface,#fff);border:2px solid var(--ad-t);box-sizing:border-box;box-shadow:0 0 0 2px var(--ad-surface,#fff)}
.dot.on,li.on::before{border-color:var(--ad-a);background:var(--ad-a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.2 2.2L11.5 6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.dot[data-i]:not(.on){width:22px;height:22px;margin:-11px 0 0 -11px}
.dot[data-i=gift]:not(.on){background:var(--ad-surface,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23858b93' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v9H5v-9M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center/15px no-repeat}
.dot[data-i=ship]:not(.on){background:var(--ad-surface,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23858b93' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 9h4l3 3v4h-7'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E") center/15px no-repeat}
.dot[data-i=off]:not(.on){background:var(--ad-surface,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23858b93' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 5L5 19'/%3E%3Ccircle cx='7' cy='7' r='2'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E") center/14px no-repeat}
.ms{display:grid;margin:6px 11px 0 0;font-size:12px;font-weight:600;line-height:1.35}
.m{grid-area:1/1;box-sizing:border-box;padding:0 2px;text-align:center;white-space:nowrap;opacity:.65}
.m.start{text-align:left}
.m.end{text-align:right}
.m.on{opacity:1}
.m.on{color:var(--ad-a)}
.m.old{opacity:.45}
.m.old{text-decoration:line-through}
.wins{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.wins em{padding:3px 8px;border-radius:999px;background:var(--ad-a);color:#fff;font-size:10px;font-style:normal;font-weight:700;letter-spacing:.05em;line-height:1.4;text-transform:uppercase}
.wins span{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 4px;border-radius:999px;background:color-mix(in srgb,var(--ad-a) 10%,var(--ad-surface,#fff));font-size:12px;font-weight:600;line-height:1.4}
.wins span::before{content:'';flex:none;width:14px;height:14px;border-radius:50%;background:var(--ad-a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.2 2.2L11.5 6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;font-size:13px}
li{display:flex;align-items:center;gap:5px;line-height:1.4;opacity:.65}
li::before{content:'';flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ad-t);box-sizing:border-box}
li.on{opacity:1;font-weight:600}
li.old{opacity:.45;text-decoration:line-through}
li.old::before{border-color:var(--ad-t);background:var(--ad-t)}
.msg .scope{padding:0;border-radius:0;font-size:inherit;line-height:inherit;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer}
.scope-list{display:block;margin:8px 0 0;padding:8px 12px;border-radius:8px;background:var(--ad-t);font-size:13px}
.scope-list[hidden]{display:none}
.scope-list li{display:list-item;padding:2px 0;opacity:1}
.scope-list li::before{content:none}
.scope-list a{color:inherit}
.views>*+*{margin-top:14px;padding-top:14px;border-top:1px solid var(--ad-border,rgba(0,0,0,.08))}
button{all:unset;cursor:pointer;line-height:1;padding:4px;border-radius:6px;font-size:16px}
button:focus-visible{outline:2px solid var(--ad-a);outline-offset:2px}
.claim{background:var(--ad-a);color:#fff;padding:9px 16px;font-size:14px;font-weight:600;border-radius:calc(var(--ad-radius,12px) * .66);text-align:center;transition:filter .15s,transform .15s}
.claim:hover{filter:brightness(1.08)}
.claim:active{transform:scale(.98)}
.claim[disabled]{opacity:.5;cursor:default;filter:none;transform:none}
.claims{margin-top:12px;font-size:14px}
.claims>*+*{margin-top:8px}
.claims .msg{margin-bottom:8px}
.opt{display:flex;align-items:center;gap:10px}
.opt img{width:44px;height:44px;object-fit:cover;border-radius:8px;flex:none}
.opt span{flex:1}
.opt .claim{padding:7px 12px;font-size:13px}
ad-choice{display:block}
.pos{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:min(252px,40vh);overflow-y:auto;overscroll-behavior:contain;padding:3px;margin:-3px}
.po{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;box-sizing:border-box;border:1.5px solid var(--ad-t);border-radius:calc(var(--ad-radius,12px) * .66);font-size:12px;line-height:1.3;text-align:center}
.po img{width:56px;height:56px;border-radius:8px;object-fit:cover}
.po span{max-height:2.6em;overflow:hidden}
.po.sel{border-color:var(--ad-a);background:color-mix(in srgb,var(--ad-a) 8%,var(--ad-surface,#fff))}
.po.sel::after{content:'';position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--ad-a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.2 2.2L11.5 6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.po[disabled]{opacity:.45;cursor:default}
.pp{font-weight:600}
.pp s,.claim s{margin-left:2px;font-weight:400;opacity:.7}
.pos~.claim{display:block;width:100%;margin-top:10px;box-sizing:border-box}
.pv{display:grid;gap:8px;margin-top:10px;padding:10px;border-radius:calc(var(--ad-radius,12px) * .66);background:color-mix(in srgb,var(--ad-t) 45%,transparent)}
.pr{display:flex;align-items:baseline;gap:10px;font-size:12px}
.pr>span{flex:0 0 56px;opacity:.7;overflow:hidden;text-overflow:ellipsis}
.pr>div{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.pill{padding:4px 11px;border:1.5px solid var(--ad-t);border-radius:99px;background:var(--ad-surface,#fff);font-size:12px;line-height:1.3}
.pill.sel{border-color:var(--ad-a);color:var(--ad-a);font-weight:600}
.pill.x{opacity:.5;border-style:dashed}
.pr select{max-width:100%;padding:4px 8px;border:1.5px solid var(--ad-t);border-radius:8px;background:var(--ad-surface,#fff);color:inherit;font:inherit}
.min{position:absolute;top:8px;right:8px;z-index:1;width:24px;height:24px;padding:0;display:grid;place-items:center;font-size:18px;opacity:.55}
.min:hover{opacity:1;background:rgba(0,0,0,.05)}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.slide>:first-child{padding-right:28px}
.slide>.claims:first-child{margin-top:0}
.nav{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px}
.pg{width:6px;height:6px;padding:0;border-radius:999px;background:var(--ad-t);transition:width .2s,background .2s}
.pg.on{width:16px;background:var(--ad-a)}
.arrow{display:none;padding:0 8px;font-size:18px;opacity:.55}
.arrow:hover{opacity:1}
@media (hover:hover){.arrow{display:block}}
:host([data-covered]){display:none}
.fab{position:fixed;left:50%;bottom:var(--ad-offset,16px);transform:translateX(-50%);z-index:2147483000;width:52px;height:52px;padding:0;border-radius:50%;background:conic-gradient(var(--ad-a) calc(var(--p,0) * 1%),var(--ad-t) 0);box-shadow:0 6px 20px rgba(0,0,0,.2);touch-action:none;cursor:grab}
.fab:active{cursor:grabbing}
.fab::before{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--ad-surface,#fff)}
.fab i{position:absolute;inset:14px;background:var(--ad-a);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 7h-2.2A3 3 0 0 0 12 3.8 3 3 0 0 0 6.2 7H4a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-8h1a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1Zm-7-1a1 1 0 1 1 1 1h-1V6Zm-3-1a1 1 0 0 1 1 1v1h-1a1 1 0 0 1 0-2Zm1 15H7v-8h4v8Zm0-10H5V9h6v2Zm6 10h-4v-8h4v8Zm2-10h-6V9h6v2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 7h-2.2A3 3 0 0 0 12 3.8 3 3 0 0 0 6.2 7H4a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-8h1a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1Zm-7-1a1 1 0 1 1 1 1h-1V6Zm-3-1a1 1 0 0 1 1 1v1h-1a1 1 0 0 1 0-2Zm1 15H7v-8h4v8Zm0-10H5V9h6v2Zm6 10h-4v-8h4v8Zm2-10h-6V9h6v2Z'/%3E%3C/svg%3E") center/contain no-repeat}
.badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#d72c0d;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.grip{position:absolute;left:50%;bottom:-9px;width:18px;height:4px;margin-left:-9px;border-radius:2px;background:var(--ad-t);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.hint{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#1a1a1a;color:#fff;font-size:12px;line-height:1.3;padding:6px 10px;border-radius:6px;pointer-events:none;animation:ad-hint 5s forwards}
@keyframes ad-hint{0%,85%{opacity:1}100%{opacity:0;visibility:hidden}}
.nudge{animation:ad-nudge .5s ease-in-out .4s 2}
@keyframes ad-nudge{25%{translate:-5px 0}75%{translate:5px 0}}
:host([data-pos=bottom-left]) .fab{left:16px;transform:none}
:host([data-pos=bottom-right]) .fab{left:auto;right:16px;transform:none}
:host([data-pos=top]) .fab{bottom:auto;top:var(--ad-offset,16px)}
:host([data-pos=bottom-left]) .hint{left:0;transform:none}
:host([data-pos=bottom-right]) .hint{left:auto;right:0;transform:none}
:host([data-pos=top]) .hint{bottom:auto;top:calc(100% + 14px)}
@media (prefers-reduced-motion:reduce){.fill.grow,.nudge{animation:none}.claim,.pg{transition:none}}