.ufc-shop{ --ink:#0E0B1A; --violet:#2C1376; --violet-light:#4B2AA8; --ember:#FF6B4A; --mint:#00E5A0; --paper:#F7F5FB; --mist:#9A93B5; font-family:'Inter',sans-serif; }
.ufc-shop *{box-sizing:border-box;}
.ufc-shop a{text-decoration:none;}
.ufc-shop .bar{
display:flex; align-items:center; justify-content:space-between;
padding:22px 48px; background:var(--ink);
}
.ufc-shop .bar .mark{ font-family:'Sora',sans-serif; font-weight:800; font-size:20px; color:#fff; letter-spacing:-0.5px; }
.ufc-shop .bar .mark span{ color:var(--mint); }
.ufc-shop .bar .back{
font-family:'Inter',sans-serif; font-weight:600; font-size:14px; color:var(--mist);
display:flex; align-items:center; gap:6px; transition:color .2s;
}
.ufc-shop .bar .back:hover{ color:#fff; }
.ufc-shop .hero{
position:relative; overflow:hidden;
background: radial-gradient(circle at 85% 15%, rgba(0,229,160,0.16), transparent 45%), linear-gradient(155deg, var(--ink) 0%, var(--ink) 45%, var(--violet) 100%);
padding:72px 48px 88px; text-align:center;
}
.ufc-shop .hero .rings{ position:absolute; left:-160px; bottom:-200px; width:560px; height:560px; opacity:0.7; }
.ufc-shop .hero .rings circle{ fill:none; stroke:var(--mint); }
.ufc-shop .hero .eyebrow{
font-family:'Sora',sans-serif; font-weight:700; font-size:13px; letter-spacing:3px; text-transform:uppercase;
color:var(--mint); margin:0 0 14px;
}
.ufc-shop .hero h1{
font-family:'Sora',sans-serif; font-weight:800; font-size:clamp(34px,5vw,54px); color:#fff; margin:0 0 16px; letter-spacing:-1px;
}
.ufc-shop .hero p{
font-family:'Inter',sans-serif; font-size:18px; color:var(--mist); max-width:560px; margin:0 auto;
}
.ufc-shop .grid-wrap{ background:var(--paper); padding:72px 48px 96px; }
.ufc-shop .grid{
display:grid; grid-template-columns:repeat(3,1fr); gap:32px; max-width:1180px; margin:0 auto;
}
@media (max-width:900px){ .ufc-shop .grid{ grid-template-columns:1fr; max-width:460px; } }
.ufc-shop .card{
background:#fff; border-radius:20px; overflow:hidden; display:flex; flex-direction:column;
box-shadow:0 8px 30px rgba(14,11,26,0.08); transition:transform .25s ease, box-shadow .25s ease;
}
.ufc-shop .card:hover{ transform:translateY(-6px); box-shadow:0 18px 44px rgba(14,11,26,0.14); }
.ufc-shop .card .thumb{ width:100%; aspect-ratio:1/1; overflow:hidden; background:var(--ink); }
.ufc-shop .card .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.ufc-shop .card .body{ padding:28px 26px 30px; display:flex; flex-direction:column; flex:1; }
.ufc-shop .card .tag{
font-family:'Sora',sans-serif; font-weight:700; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--ember); margin:0 0 8px;
}
.ufc-shop .card h3{ font-family:'Sora',sans-serif; font-weight:800; font-size:24px; color:var(--ink); margin:0 0 8px; letter-spacing:-0.3px; }
.ufc-shop .card p{ font-family:'Inter',sans-serif; font-size:15px; color:#5B5570; line-height:1.5; margin:0 0 22px; flex:1; }
.ufc-shop .card .btn{
display:inline-flex; align-items:center; justify-content:center; gap:8px;
background:var(--ink); color:#fff; font-family:'Sora',sans-serif; font-weight:700; font-size:14px;
padding:14px 20px; border-radius:12px; transition:background .2s ease, transform .15s ease;
}
.ufc-shop .card .btn:hover{ background:var(--violet-light); transform:translateY(-1px); }
.ufc-shop .card .btn svg{ width:16px; height:16px; }
.ufc-shop .assurance{
max-width:1180px; margin:0 auto; padding-top:56px; display:flex; flex-wrap:wrap; gap:28px; justify-content:center;
border-top:1px solid rgba(14,11,26,0.08); margin-top:56px;
}
.ufc-shop .assurance div{
font-family:'Inter',sans-serif; font-weight:500; font-size:14px; color:#5B5570; display:flex; align-items:center; gap:8px;
}
.ufc-shop .assurance div::before{ content:'\2713'; color:var(--mint); font-weight:700; }
.ufc-shop footer{
background:var(--ink); padding:32px 48px; text-align:center;
}
.ufc-shop footer p{ font-family:'Inter',sans-serif; font-size:13px; color:var(--mist); margin:0; }
.ufc-shop footer a{ color:var(--mist); }
.ufc-shop footer a:hover{ color:#fff; }
.ufc-shop footer .ufc-shop-footer-legal{display:flex; gap:20px; flex-wrap:wrap; justify-content:center; margin-top:14px; font-size:13px;}
.ufc-shop footer .ufc-shop-footer-legal a{color:var(--mist); text-decoration:none;}
.ufc-shop footer .ufc-shop-footer-legal a:hover{color:#fff;}
.ufc-shop .card .price{font-family:'Sora',sans-serif;font-weight:800;font-size:22px;color:var(--ink);margin:0 0 16px;display:flex;align-items:baseline;gap:8px}.ufc-shop .card .price .unit{font-family:'Inter',sans-serif;font-weight:500;font-size:12px;color:var(--mist);text-transform:uppercase;letter-spacing:.5px}
.ufc-shop .how-it-works{max-width:1180px;margin:64px auto 0;padding-top:56px;border-top:1px solid rgba(14,11,26,.08)}
.ufc-shop .how-it-works .hiw-head{text-align:center;margin-bottom:40px}
.ufc-shop .how-it-works .hiw-head .eyebrow{font-family:'Sora',sans-serif;font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ember);margin:0 0 8px}
.ufc-shop .how-it-works .hiw-head h2{font-family:'Sora',sans-serif;font-weight:800;font-size:28px;color:var(--ink);margin:0 0 10px;letter-spacing:-.3px}
.ufc-shop .how-it-works .hiw-head .sub{font-family:'Inter',sans-serif;font-size:15px;color:#5B5570;margin:0 auto;max-width:520px}
.ufc-shop .how-it-works .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
@media(max-width:900px){.ufc-shop .how-it-works .steps{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}}
.ufc-shop .how-it-works .step{background:var(--paper);border-radius:16px;padding:24px 20px}
.ufc-shop .how-it-works .step .num{font-family:'Sora',sans-serif;font-weight:800;font-size:13px;color:#fff;background:var(--ink);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.ufc-shop .how-it-works .step h4{font-family:'Sora',sans-serif;font-weight:700;font-size:16px;color:var(--ink);margin:0 0 8px}
.ufc-shop .how-it-works .step p{font-family:'Inter',sans-serif;font-size:14px;color:#5B5570;line-height:1.5;margin:0}
.ufc-shop .how-it-works .hiw-note{text-align:center;font-family:'Inter',sans-serif;font-size:13px;color:var(--mist);margin:28px 0 0}
.ufc-shop .how-it-works .hiw-note strong{color:#5B5570}
The Shop
Business cards, reimagined
Metal, wood, or stainless steel — pick the finish that makes people remember you. Free shipping on every card.
Brushed Finish
Metal Card
Brushed steel finish that's built to last — a card with real weight in your hand.
$15one-time
Shop Now →Natural Grain
Wood Card
Natural grain with a warm, tactile finish — no two cards are exactly alike.
$20one-time
Shop Now →Mirror Polish
Stainless Steel
Mirror-polished stainless — the boldest statement in the deck.
$25one-time
Shop Now →Free shipping, every order
Premium, built-to-last materials
Secure checkout
Buy 2+, save 10%
HOW IT WORKS
From order to inbox, step by step
Every card is personalized and proofed before it goes into production — here's exactly what happens after you check out.
1
Order
Pick your finish — Metal, Wood, or Stainless Steel — and check out securely.
2
Send your details
We email you to collect your name, title, and logo so your card is personalized to you.
3
Approve your proof
We send a design proof by email — nothing goes to print until you approve it.
4
Ships free
Produced within 1–3 business days of your approval, then arrives 5–8 business days later. Free shipping, every time.
Note: personalization and proofing add a short step before production — see our Refund & Shipping Policy for full timeline details.
