الملف التعريفي
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bell — Brand Profile</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--gold:#C9A96E; --gold-light:#E8D5B0; --cream:#FAF7F2;
--dark:#1A1410; --soft:#F5F0E8; --muted:#7A6A55; --white:#FFFFFF;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-;}
body{font-family:'Montserrat',sans-serif;background:var(--cream);color:var(--dark);overflow-x:hidden;direction:ltr;text-align:left;}
/* HERO */
.hero{height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.hero-bg{position:absolute;inset:0;}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(0.65) brightness(0.72);}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(26,20,16,0.6) 0%,transparent 28%),linear-gradient(to top,rgba(26,20,16,0.97) 0%,rgba(26,20,16,0.45) 40%,transparent 100%);}
.hero-content{position:relative;z-index:2;text-align:center;padding:2rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.hero-eyebrow{font-size:clamp(0.58rem,1.1vw,0.72rem);font-weight:500;letter-spacing:0.6em;text-transform:uppercase;color:var(--gold-light);opacity:0;animation:fadeUp 1s ease 0.2s forwards;}
.hero-brand{font-family:'Playfair Display',serif;font-size:clamp(6rem,20vw,16rem);color:var(--gold);line-height:0.85;letter-spacing:0.08em;text-shadow:0 0 120px rgba(201,169,110,0.3);opacity:0;animation:fadeUp 1.1s ease 0.5s forwards;}
.hero-tagline{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(0.95rem,2.2vw,1.4rem);color:rgba(255,255,255,0.65);margin-top:1.2rem;opacity:0;animation:fadeUp 1s ease 0.9s forwards;}
.hero-divider{width:40px;height:1px;background:var(--gold);margin:2rem auto;opacity:0;animation:fadeUp 1s ease 1.1s forwards;}
.hero-footer{position:relative;z-index:2;width:100%;padding:1.8rem 3rem;display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;border-top:1px solid rgba(201,169,110,0.15);opacity:0;animation:fadeUp 1s ease 1.3s forwards;}
.hero-link{display:flex;align-items:center;gap:0.6rem;text-decoration:none;transition:opacity 0.3s;opacity:0.5;}
.hero-link:hover{opacity:1;}
.hero-link-icon{width:28px;height:28px;border-radius:50%;border:1px solid rgba(201,169,110,0.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hero-link-icon svg{width:13px;height:13px;fill:var(--gold);}
.hero-link-label{font-size:0.55rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold);line-height:1;display:block;}
.hero-link-value{font-size:0.78rem;color:rgba(255,255,255,0.7);margin-top:0.2rem;font-weight:500;display:block;}
@keyframes scrollPulse{0%,100%{opacity:0.3}50%{opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}
/* SHARED */
.section-label{font-size:0.62rem;letter-spacing:0.5em;text-transform:uppercase;color:var(--gold);margin-bottom:0.8rem;display:block;}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);color:var(--dark);line-height:1.2;}
.section-title.light{color:var(--white);}
.section-head{text-align:center;margin-bottom:4rem;}
/* ABOUT */
.about-section{background:var(--dark);padding:8rem 2rem;}
.about-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
@media(max-width:768px){.about-inner{grid-template-columns:1fr;gap:3rem;}}
.about-img-wrap{position:relative;}
.about-img-main{width:100%;aspect-ratio:3/4;overflow:hidden;}
.about-img-main img{width:100%;height:100%;object-fit:cover;}
.about-img-badge{position:absolute;bottom:-1.5rem;right:-1.5rem;background:var(--gold);padding:1.1rem 1.6rem;font-family:'Playfair Display',serif;font-size:1rem;font-style:italic;color:var(--dark);}
.about-label{font-size:0.62rem;letter-spacing:0.5em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;display:block;}
.about-title{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--white);line-height:1.2;margin-bottom:2rem;}
.about-body{font-size:0.92rem;line-height:2;color:rgba(255,255,255,0.45);margin-bottom:1.2rem;}
.about-body strong{color:var(--gold-light);font-weight:600;}
/* COLLECTION BANNER */
.coll-banner{padding:5.5rem 2rem 0;}
.coll-banner.on-light{background:var(--soft);}
.coll-banner.on-dark{background:var(--dark);}
.coll-banner-inner{max-width:1200px;margin:0 auto;}
.coll-tag{display:inline-block;font-size:0.58rem;letter-spacing:0.5em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,169,110,0.4);padding:0.35rem 0.9rem;margin-bottom:1rem;}
.coll-title{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;}
.coll-title.on-light{color:var(--dark);}
.coll-title.on-dark{color:var(--white);}
.coll-sub{font-size:0.88rem;line-height:1.95;margin-top:1rem;max-width:580px;}
.coll-sub.on-light{color:var(--muted);}
.coll-sub.on-dark{color:rgba(255,255,255,0.4);}
/* PRODUCTS */
.products-wrap{padding:3rem 2rem 5rem;}
.products-wrap.on-light{background:var(--soft);}
.products-wrap.on-dark{background:var(--dark);}
.products-grid{display:grid;gap:1.5rem;max-width:1200px;margin:0 auto;}
.products-grid.three{grid-template-columns:repeat(3,1fr);}
@media(max-width:900px){.products-grid.three{grid-template-columns:1fr 1fr;}}
@media(max-width:540px){.products-grid.three{grid-template-columns:1fr;}}
.pcard{overflow:hidden;transition:transform 0.4s,box-shadow 0.4s;}
.pcard.light{background:var(--white);box-shadow:0 2px 20px rgba(0,0,0,0.05);}
.pcard.light:hover{transform:translateY(-5px);box-shadow:0 10px 35px rgba(0,0,0,0.11);}
.pcard-img{aspect-ratio:1;overflow:hidden;}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s;}
.pcard:hover .pcard-img img{transform:scale(1.06);}
.pcard-body{padding:1.7rem;}
.pcard-num{font-size:0.58rem;letter-spacing:0.4em;color:var(--gold);margin-bottom:0.4rem;}
.pcard-name{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;margin-bottom:0.5rem;color:var(--dark);}
.pcard-size{font-size:0.68rem;letter-spacing:0.15em;color:var(--gold);text-transform:uppercase;margin-bottom:0.8rem;}
.pcard-desc{font-size:0.8rem;line-height:1.85;color:var(--muted);}
.pcard-bar{height:1px;margin-top:1.4rem;background:linear-gradient(to right,var(--gold),transparent);}
/* INGREDIENTS */
.ing-section{padding:3.5rem 2rem 5rem;}
.ing-section.on-light{background:var(--soft);}
.ing-section.on-dark{background:var(--dark);}
.ing-inner{max-width:1200px;margin:0 auto;}
.ing-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}
.ing-line{flex:1;height:1px;background:rgba(201,169,110,0.18);}
.ing-title{font-size:0.62rem;letter-spacing:0.45em;text-transform:uppercase;color:var(--gold);white-space:nowrap;}
.ing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:0.9rem;}
.ing-card{padding:1.4rem 1.2rem;border:1px solid rgba(201,169,110,0.13);transition:border-color 0.3s,transform 0.3s;}
.ing-card:hover{border-color:var(--gold);transform:translateY(-3px);}
.ing-card.on-light{background:var(--white);}
.ing-card.on-dark{background:rgba(255,255,255,0.025);}
.ing-name{font-size:0.78rem;font-weight:700;color:var(--gold);margin-bottom:0.35rem;}
.ing-desc{font-size:0.74rem;line-height:1.7;}
.ing-desc.on-light{color:var(--muted);}
.ing-desc.on-dark{color:rgba(255,255,255,0.32);}
/* HOW TO USE */
.how-wrap{padding:0 2rem 5rem;}
.how-wrap.on-light{background:var(--soft);}
.how-wrap.on-dark{background:var(--dark);}
.how-box{max-width:1200px;margin:0 auto;border-left:2px solid var(--gold);padding:1.4rem 2rem;display:flex;gap:2rem;flex-wrap:wrap;align-items:flex-start;}
.how-box.on-light{background:var(--white);}
.how-box.on-dark{background:rgba(255,255,255,0.02);}
.how-label{font-size:0.58rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);white-space:nowrap;padding-top:0.15rem;}
.how-text{font-size:0.83rem;line-height:1.95;flex:1;}
.how-text.on-light{color:var(--muted);}
.how-text.on-dark{color:rgba(255,255,255,0.38);}
/* LIP BALM */
.lip-section{background:var(--dark);padding:6rem 2rem;}
.lip-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
@media(max-width:768px){.lip-inner{grid-template-columns:1fr;gap:3rem;}}
.lip-img{width:100%;overflow:hidden;}
.lip-img img{width:100%;height:100%;object-fit:cover;display:block;}
.lip-content{padding-top:1rem;}
.lip-size{font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;}
.lip-desc{font-size:0.88rem;line-height:2;color:rgba(255,255,255,0.42);margin-bottom:2.5rem;}
.lip-desc strong{color:var(--gold-light);font-weight:600;}
.lip-scents{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;margin-bottom:2.5rem;}
.scent-pill{padding:0.85rem 1rem;border:1px solid rgba(201,169,110,0.12);display:flex;align-items:center;gap:0.8rem;transition:border-color 0.3s;}
.scent-pill:hover{border-color:rgba(201,169,110,0.4);}
.scent-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.scent-pill-name{font-size:0.78rem;font-weight:700;color:var(--gold-light);}
.scent-pill-note{font-size:0.67rem;color:rgba(255,255,255,0.28);margin-top:0.1rem;}
/* GIFT */
.gift-section{background:var(--cream);padding:7rem 2rem;}
.gift-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
@media(max-width:768px){.gift-inner{grid-template-columns:1fr;gap:3rem;}}
.gift-img{overflow:hidden;}
.gift-img img{width:100%;height:100%;object-fit:cover;}
.gift-list{list-style:none;margin-top:2rem;}
.gift-list li{padding:0.9rem 0;border-bottom:1px solid rgba(201,169,110,0.2);color:var(--muted);font-size:0.87rem;line-height:1.7;display:flex;align-items:flex-start;gap:0.9rem;}
.gdot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:0.5rem;}
/* GALLERY */
.gallery-section{background:var(--dark);padding:7rem 2rem;}
.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:0.5rem;max-width:1200px;margin:3rem auto 0;}
@media(max-width:768px){.gallery-grid{grid-template-columns:1fr 1fr;}}
.gimg{overflow:hidden;}
.gimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s;}
.gimg:hover img{transform:scale(1.04);}
.gimg.tall{grid-row:span 2;aspect-ratio:2/3;}
.gimg.sq{aspect-ratio:1;}
/* CONTACT */
.contact-section{background:var(--dark);padding:9rem 2rem;text-align:center;}
.contact-inner{max-width:680px;margin:0 auto;}
.contact-rows{display:flex;flex-direction:column;gap:0.8rem;margin-top:3.5rem;}
.contact-row{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.8rem;border:1px solid rgba(201,169,110,0.1);text-decoration:none;transition:border-color 0.3s,background 0.3s;}
.contact-row:hover{border-color:var(--gold);background:rgba(201,169,110,0.04);}
.c-label{font-size:0.6rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);}
.c-value{font-family:'Playfair Display',serif;font-size:1rem;color:rgba(255,255,255,0.6);}
footer{background:#080604;padding:2rem;text-align:center;font-size:0.62rem;letter-spacing:0.35em;text-transform:uppercase;color:rgba(255,255,255,0.14);}
footer span{color:var(--gold);}
/* REVEAL */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.9s ease,transform 0.9s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.d1{transition-delay:0.1s;}.d2{transition-delay:0.2s;}.d3{transition-delay:0.3s;}
</style>
</head>
<body>
<!-- HERO -->
<!-- ABOUT -->
Premium Skincare · Saudi Arabia
BELL
"Be Bold. Be Bright. Be You."
Since 2024
Who We Are
A skincare brand born in Saudi Arabia
Bell was created for those who believe in real ingredients, real results. We formulate two distinct collections — the Glowy Line for your body, and the Peptide Lip Balm for your lips — each built with premium ingredients chosen for real, visible results.
Whether you're building a full body ritual or simply protecting your lips, Bell makes it effortless.
01 ·
Glowy Body Scrub
500 ml
Removes dead skin, boosts circulation, and visibly reduces dark spots — leaving skin noticeably smoother and glowing after every use.
02 ·
Glowy Body Butter
350 ml
A rich, deeply nourishing formula that locks in moisture, improves elasticity, and keeps skin silky smooth all day. Best used right after the scrub.
03 ·
Glowy Body Mist
200 ml · Shake well before use
Jasmine, ylang-ylang & orange blossom with rare Grasse musk — a shimmering fragrance mist that glows on the skin.
What's Inside — Glowy Line
Shea Butter
Deep moisture with vitamins A & E. Soothes irritation and protects against dryness.
Almond Oil
Absorbs fast, hydrates deeply, and helps protect skin from dryness.
Coconut Oil
Nourishes and softens with essential fatty acids for a lasting natural glow.
Ethyl Glycerin
A powerful humectant that locks in hydration and keeps skin supple all day.
Beeswax
Seals moisture in and shields skin against environmental damage.
Vitamin E
Antioxidant that brightens skin and evens overall tone.
How to Use
During your shower, massage the Glowy Body Scrub gently on damp skin in circular motions — then rinse with warm water. Follow immediately with Glowy Body Butter on clean skin. Finish with a few sprays of Glowy Body Mist (shake well first) for a lasting shimmer and scent throughout the day.
Peptide Lip Balm
Lip Care Collection
A deeply hydrating lip balm with a light gloss finish and SPF 30 protection — available in 4 shades.
4 Shades · 20 ml each · SPF 30
Formulated with collagen-boosting peptides and nourishing butters for plump, protected lips all day. The premium metal applicator prevents bacteria build-up and delivers an instant cooling sensation on every application.
Shades
Cinnamon
Warm & spiced
Tutti Frutti
Tropical & fresh
Cherry Glazed
Sweet & feminine
Bubble Gum
Soft pink & playful
What's Inside — Peptide Lip Balm
Shea Butter
Deep nourishment and instant softness — protects lips from dryness and cracking.
Babassu Oil
Hydrates and improves lip elasticity with rich natural fatty acids.
Kokum Butter
Locks moisture inside the skin for a velvety texture that lasts.
Vitamin E + C
Antioxidant protection that evens lip tone and keeps them looking fresh.
Palmitoyl Tripeptide
Stimulates collagen for visibly fuller, plumper lips.
Lactic Acid
Gently exfoliates the lip surface and removes dead skin cells.
Natural Wax
Smooth texture that forms a protective barrier to seal in moisture.
SPF 30
Titanium Dioxide shield against UVA & UVB rays.
Luxury Gloss Complex
Adds a high-shine finish with a non-sticky velvety feel.
How to Use
Apply to clean lips whenever you need hydration or a subtle gloss — on its own or layered over lipstick. The metal applicator delivers an instant cooling sensation on every use.
Gift Sets
A gift they'll
A gift they'll
never forget
Bell gift sets are packaged with the same care that goes into every product — thoughtfully wrapped and ready to impress on any occasion.
- Clear bag adorned with premium artificial flowers
- Wrapped in soft, luxurious fabric
- Exclusive Bell-branded gift bag included
- Perfect for gifting on any occasion
- Available online at bellksa.com
Lifestyle
Beauty in every moment
Get in Touch