GET FEATURED | YOUXBATIK

<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&family=Nunito:wght@300;400;500&display=swap" rel="stylesheet">

.yx-eyebrow {
font-family: 'Nunito', 'Gill Sans', 'Optima', sans-serif;
font-size: 10.5px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(26, 26, 26, 0.65);
margin: 0 0 0.5rem;
font-weight: 400;
}

.yx-headline {
font-family: 'Instrument Sans', 'Gill Sans', 'Optima', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 42px;
line-height: 1.12;
margin: 0 0 0.85rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #1a1a1a;
}

.yx-headline em {
font-style: italic;
color: rgba(26, 26, 26, 0.55);
}

.yx-subline {
font-family: 'Nunito', 'Gill Sans', 'Optima', sans-serif;
font-size: 14px;
color: rgba(26, 26, 26, 0.75);
line-height: 1.65;
margin: 0 0 2.5rem;
max-width: 420px;
font-weight: 300;
}

.yx-divider {
width: 32px;
height: 1px;
background: rgba(26, 26, 26, 0.25);
margin: 0 0 2.5rem;
border: none;
}

.yx-section-label {
font-family: 'Instrument Sans', 'Gill Sans', 'Optima', sans-serif;
font-size: 10px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: rgba(26, 26, 26, 0.55);
margin: 0 0 1rem;
font-weight: 500;
}

.yx-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 2rem;
}

@media (max-width: 520px) {
.yx-grid { grid-template-columns: 1fr; }
.yx-tips-grid { grid-template-columns: 1fr !important; }
.yx-headline { font-size: 28px; }
.yx-cta-block { flex-direction: column; gap: 1rem; }
}

.yx-card {
background: rgba(26, 26, 26, 0.05);
border-radius: 4px;
padding: 1.25rem 1.4rem;
border: 1px solid rgba(26, 26, 26, 0.14);
}

.yx-card-title {
font-family: 'Instrument Sans', 'Gill Sans', 'Optima', sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 0.85rem;
color: #1a1a1a;
}

.yx-card-icon {
width: 15px;
height: 15px;
flex-shrink: 0;
opacity: 0.6;
}

.yx-list {
list-style: none;
margin: 0;
padding: 0;
}

.yx-list li {
font-family: 'Nunito', 'Gill Sans', 'Optima', sans-serif;
font-size: 13px;
color: rgba(26, 26, 26, 0.85);
padding: 5px 0;
border-bottom: 1px solid rgba(26, 26, 26, 0.12);
display: flex;
align-items: flex-start;
gap: 8px;
line-height: 1.5;
}

.yx-list li:last-child {
border-bottom: none;
padding-bottom: 0;
}

.yx-list li::before {
content: '—';
color: rgba(26, 26, 26, 0.4);
font-size: 10px;
flex-shrink: 0;
margin-top: 3px;
}

.yx-tips {
border: 1px solid rgba(26, 26, 26, 0.14);
border-radius: 4px;
padding: 1.25rem 1.5rem 1.35rem;
margin-bottom: 2rem;
}

.yx-tips-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px 24px;
margin-top: 0.85rem;
}

.yx-tip {
font-family: 'Nunito', 'Gill Sans', 'Optima', sans-serif;
font-size: 13px;
color: rgba(26, 26, 26, 0.85);
display: flex;
align-items: flex-start;
gap: 8px;
line-height: 1.5;
}

.yx-tip svg {
width: 13px;
height: 13px;
flex-shrink: 0;
margin-top: 2px;
stroke: rgba(26, 26, 26, 0.45);
fill: none;
stroke-width: 1.75;
stroke-linecap: round;
stroke-linejoin: round;
}

.yx-cta-block {
background: rgba(26, 26, 26, 0.04);
border: 1px solid rgba(26, 26, 26, 0.18);
border-radius: 4px;
padding: 1.5rem 1.75rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
margin-bottom: 2rem;
flex-wrap: wrap;
}

.yx-cta-label {
font-family: 'Instrument Sans', 'Gill Sans', 'Optima', sans-serif;
font-size: 10px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(26, 26, 26, 0.55);
margin: 0 0 5px;
font-weight: 500;
}

.yx-email-link {
font-family: 'Instrument Sans', 'Gill Sans', 'Optima', sans-serif;
font-weight: 400;
font-size: 20px;
letter-spacing: 0.06em;
color: #1a1a1a;
text-decoration: none;
display: block;
margin-bottom: 12px;
}

.yx-email-link:hover {
opacity: 0.65;
}

.yx-pills {
display: flex;
flex-wrap: wrap;
gap: 6px;
list-style: none;
margin: 0;
padding: 0;
}

.yx-pills li {
font-family: 'Nunito', 'Gill Sans', 'Optima', sans-serif;
font-size: 11px;
color: rgba(26, 26, 26, 0.8);
background: rgba(26, 26, 26, 0.06);
border-radius: 100px;
padding: 4px 12px;
border: 1px solid rgba(26, 26, 26, 0.16);
font-weight: 400;
}

.yx-note {
font-family: 'Nunito', 'Gill Sans', 'Optima', sans-serif;
font-size: 11.5px;
color: rgba(26, 26, 26, 0.48);
line-height: 1.65;
border-top: 1px solid rgba(26, 26, 26, 0.14);
padding-top: 1.5rem;
max-width: 540px;
font-weight: 300;
}
</style>
<div class="yx-wrap">
<p class="yx-eyebrow">Community spotlight</p>
<h2 class="yx-headline">Get featured on<br><em>YOUXBATIK</em></h2>
<p class="yx-subline">We love seeing how you make BATIK your own. Share your look for a chance to appear on our official website and social platforms.</p>
<hr class="yx-divider">
<p class="yx-section-label">What we're looking for</p>
<div class="yx-grid">
<div class="yx-card">
<p class="yx-card-title"><svg class="yx-card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 10l4.553-2.069A1 1 0 0 1 21 8.82v6.36a1 1 0 0 1-1.447.889L15 14M3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8z"></path></svg> Videos</p>
<ul class="yx-list">
<li>Vertical format (9:16)</li>
<li>1080p resolution or above</li>
<li>Clean, well-lit footage</li>
<li>Full outfit + close-up detail shots</li>
<li>Minimal, uncluttered backgrounds</li>
<li>Natural movement preferred</li>
</ul>
</div>
<div class="yx-card">
<p class="yx-card-title"><svg class="yx-card-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 7h1a2 2 0 0 0 2-2 1 1 0 0 1 1-1h6a1 1 0 0 1 1 1 2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2"></path><circle cx="12" cy="13" r="3"></circle></svg> Photos</p>
<ul class="yx-list">
<li>High resolution images</li>
<li>Portrait format preferred</li>
<li>Full look + detail close-ups</li>
<li>Clear lighting, minimal backgrounds</li>
<li>Original or lightly edited only</li>
</ul>
</div>
</div>
<div class="yx-tips">
<p class="yx-section-label" style="margin-bottom: 0.2rem;">Tips for a better shot at being featured</p>
<div class="yx-tips-grid">
<div class="yx-tip"><svg viewBox="0 0 24 24"><path d="M12 3a6 6 0 0 0-6 6c0 2.4 1.4 4.5 3.5 5.5V17a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-2.5C16.6 13.5 18 11.4 18 9a6 6 0 0 0-6-6z"></path><path d="M10 21h4"></path></svg> Show your personal styling</div>
<div class="yx-tip"><svg viewBox="0 0 24 24"><circle cx="12" cy="5" r="1"></circle><path d="M12 6v5l3 3M9 17l-2 4M15 17l2 4M9 12H6M18 12h-3"></path></svg> Capture natural moments & movement</div>
<div class="yx-tip"><svg viewBox="0 0 24 24"><path d="M3 12h18M3 6h18M3 18h12"></path></svg> Keep the focus on the outfit</div>
<div class="yx-tip"><svg viewBox="0 0 24 24"><path d="M3 3l18 18M10.5 10.677A2 2 0 0 0 12 14a2 2 0 0 0 2-2c0-.557-.217-1.062-.568-1.433M6.161 6.21A9.04 9.04 0 0 0 3.062 12c.896 3.268 3.948 5.75 7.938 5.75a9.07 9.07 0 0 0 5.12-1.56M9.357 4.42A9.07 9.07 0 0 1 12 4.25c3.99 0 7.042 2.482 7.938 5.75-.356 1.298-1.047 2.46-1.988 3.39"></path></svg> Avoid heavy filters or low quality</div>
</div>
</div>
<p class="yx-section-label">How to share</p>
<div class="yx-cta-block">
<div>
<p class="yx-cta-label">Send your content to</p>
<a href="mailto:youxbatik@gmail.com" class="yx-email-link">youxbatik@gmail.com</a>
<ul class="yx-pills">
<li>Your name</li>
<li>Instagram/TikTok handle</li>
<li>Outfit Name - Optional</li>
</ul>
</div>
</div>
<p class="yx-note">By submitting your content, you allow BATIK to feature, repost, or use your photos and videos across our official website, social media, and marketing materials. Credits will be provided where applicable. Only selected entries will be featured.</p>
</div>