<style>
:root {
--purple-deep: #2E0F4E;
--purple-mid: #4B1F7A;
--gold: #C9A227;
--gold-soft: #B8901F;
--cream: #FFFFFF;
--ink: #111111;
--grey: #555555;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body {
background: #FFFFFF;
color: #111111;
font-family: 'Jost', sans-serif;
font-weight: 300;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3 {
font-family: 'Cormorant Garamond', serif;
font-weight: 500;
letter-spacing: 0.02em;
}
a { color: inherit; text-decoration: none; }
.container {
max-width: 1080px;
margin: 0 auto;
padding: 0 32px;
}
/* ===== NAV ===== */
nav {
position: sticky;
top: 0;
z-index: 50;
background: rgba(255, 255, 255, 0.94);
backdrop-filter: blur(8px);
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
nav .container {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 14px;
padding-bottom: 14px;
}
.nav-mark {
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1;
}
.nav-mark .mark-eyebrow {
font-family: 'Cormorant Garamond', serif;
font-style: italic;
font-size: 1.3rem;
letter-spacing: 0.1em;
color: var(--gold);
margin-bottom: 5px;
}
.nav-mark .mark-main {
font-family: 'Cormorant Garamond', serif;
font-size: 1.7rem;
letter-spacing: 0.06em;
color: #111111;
}
.nav-mark .mark-main span { color: var(--purple-deep); }
.nav-links {
display: flex;
gap: 40px;
list-style: none;
}
.nav-links a {
font-size: 0.85rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--ink);
position: relative;
padding-bottom: 4px;
}
.nav-links a::after {
content: '';
position: absolute;
left: 0; bottom: 0;
width: 0;
height: 1px;
background: var(--gold);
transition: width 0.3s ease;
}
.nav-links a:hover::after { width: 100%; }
/* ===== HERO ===== */
.hero {
position: relative;
min-height: 92vh;
display: flex;
align-items: center;
background: #FFFFFF;
color: #111111;
overflow: hidden;
border-bottom: 1px solid rgba(0,0,0,0.06);
}
.hero .container {
position: relative;
z-index: 2;
padding-top: 40px;
padding-bottom: 40px;
}
.eyebrow {
display: inline-block;
font-size: 0.78rem;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 28px;
}
.hero h1 {
font-size: clamp(2.6rem, 6vw, 4.6rem);
line-height: 1.05;
max-width: 780px;
margin-bottom: 28px;
color: #111111;
}
.hero h1 em {
font-style: italic;
color: var(--purple-deep);
}
.hero p {
max-width: 480px;
font-size: 1.2rem;
color: var(--grey);
margin-bottom: 40px;
}
.btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 34px;
border: 1px solid var(--purple-deep);
color: var(--purple-deep);
font-size: 0.85rem;
letter-spacing: 0.14em;
text-transform: uppercase;
transition: all 0.35s ease;
}
.btn:hover {
background: var(--purple-deep);
color: #FFFFFF;
}
/* ===== SECTION SHARED ===== */
section { padding: 130px 0; }
.section-tag {
font-size: 0.9rem;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 18px;
}
.section-title {
font-size: clamp(2.3rem, 4.4vw, 3.2rem);
color: var(--purple-deep);
margin-bottom: 32px;
max-width: 620px;
}
/* ===== MOTIF: star divider ===== */
.star-divider {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
margin: 0 0 48px;
}
.star-divider .line {
width: 90px;
height: 1px;
background: rgba(0, 0, 0, 0.15);
}
.star-divider.on-dark .line {
background: rgba(228, 199, 102, 0.3);
}
.star-divider svg { width: 20px; height: 20px; }
.star-divider path { fill: var(--gold); }
.pull-quote {
max-width: 640px;
margin: 56px 0 0;
padding-left: 28px;
border-left: 2px solid var(--gold);
font-family: 'Cormorant Garamond', serif;
font-style: italic;
font-size: 1.35rem;
color: var(--purple-mid);
line-height: 1.5;
}
/* ===== ABOUT ===== */
.about-grid {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 80px;
align-items: start;
}
.about-text p {
color: var(--grey);
font-size: 1.15rem;
margin-bottom: 22px;
max-width: 480px;
}
.about-stats {
display: flex;
flex-direction: column;
gap: 36px;
padding-left: 0;
}
.stat-label {
font-size: 0.78rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--grey);
margin-bottom: 6px;
}
.stat-value {
font-family: 'Cormorant Garamond', serif;
font-size: 1.5rem;
color: var(--purple-deep);
}
/* ===== SERVICES ===== */
.services {
background: #FFFFFF;
color: #111111;
border-top: 1px solid rgba(0,0,0,0.06);
}
.services .section-title { color: #111111; }
.services .section-tag { color: var(--gold); }
.service-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
margin-top: 20px;
}
.service-card {
border-top: 2px solid var(--purple-deep);
padding-top: 24px;
}
.service-card .num {
font-family: 'Cormorant Garamond', serif;
font-size: 0.95rem;
color: var(--gold);
margin-bottom: 22px;
letter-spacing: 0.1em;
}
.service-card h3 {
font-size: 1.55rem;
margin-bottom: 14px;
color: #111111;
}
.service-card p {
font-size: 1.05rem;
color: var(--grey);
}
/* ===== CONTACT ===== */
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
}
.contact-block {
display: flex;
flex-direction: column;
gap: 30px;
}
.contact-item .stat-label { margin-bottom: 8px; }
.contact-item a, .contact-item span {
font-size: 1.25rem;
color: var(--purple-deep);
}
.contact-item address {
font-style: normal;
color: var(--grey);
line-height: 1.6;
}
/* ===== FOOTER ===== */
footer {
background: #FFFFFF;
color: var(--grey);
padding: 36px 0;
font-size: 0.82rem;
text-align: center;
letter-spacing: 0.04em;
border-top: 1px solid rgba(0,0,0,0.08);
}
footer span { color: var(--purple-deep); }
@media (max-width: 820px) {
.about-grid, .contact-grid { grid-template-columns: 1fr; gap: 48px; }
.service-grid { grid-template-columns: 1fr; }
.nav-links { display: none; }
section { padding: 90px 0; }
}
</style>
<nav>
<div class="container">
<div class="nav-mark">
<span class="mark-eyebrow">حكمة</span>
<span class="mark-main">HIKMAH <span>HOLDINGS</span></span>
</div>
<ul class="nav-links">
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<section class="hero">
<div class="container">
<span class="eyebrow">Energy Commodities & International Commercial Facilitation</span>
<h1>Connecting counterparties<br><em>with discretion</em> and diligence.</h1>
<p>Hikmah Holdings Limited facilitates transactions in crude oil, fuel products, lubricants, LNG, and LPG between qualified buyers and sellers, coordinating terms, documentation, and verification with a disciplined, transparent process.</p>
<a href="#contact" class="btn">Get in Touch</a>
</div>
</section>
<div class="star-divider">
<span class="line"></span>
<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M20,2 L23,17 L38,20 L23,23 L20,38 L17,23 L2,20 L17,17 Z"/></svg>
<span class="line"></span>
</div>
<section id="about">
<div class="container">
<div class="about-grid">
<div class="about-text">
<span class="section-tag"><span style="font-size: 1.6rem; letter-spacing: 0.02em; font-style: italic;">حكمة</span> · About Us</span>
<h2 class="section-title">A trusted point of coordination between principals.</h2>
<p>Hikmah Holdings Limited operates as an authorised facilitator across energy commodities, including crude oil, fuel products, lubricants, LNG, and LPG, connecting qualified off-takers with sellers, refineries, and trading desks. Our role is to coordinate terms, documentation, and verification, so that principals can move efficiently toward a mutually executed agreement.</p>
<p>We operate with transparent disclosure of our role and commission structure at every stage, and are prepared to undergo standard KYC and compliance verification as required by counterparties.</p>
<p class="pull-quote">Every transaction begins with discernment — the root sense of <em>hikmah</em>, wisdom.</p>
</div>
<div class="about-stats">
<div>
<div class="stat-label">Headquartered</div>
<div class="stat-value">Hong Kong</div>
</div>
<div>
<div class="stat-label">Registration No.</div>
<div class="stat-value">BRN 80691198</div>
</div>
<div>
<div class="stat-label">Focus</div>
<div class="stat-value">Energy Commodities Facilitation</div>
</div>
</div>
</div>
</div>
</section>
<section class="services" id="services">
<div class="container">
<span class="section-tag">What We Do</span>
<h2 class="section-title">Facilitation, coordinated end to end.</h2>
<div class="service-grid">
<div class="service-card">
<div class="num">I.</div>
<h3>Sourcing & Introduction</h3>
<p>Identifying and introducing qualified buyers and sellers across crude oil, fuel products, lubricants, LNG, and LPG, and establishing initial commercial interest.</p>
</div>
<div class="service-card">
<div class="num">II.</div>
<h3>International Deal Facilitation</h3>
<p>Coordinating terms, documentation, and communication between principals across borders and jurisdictions, through to a mutually executed agreement.</p>
</div>
<div class="service-card">
<div class="num">III.</div>
<h3>Verification Support</h3>
<p>Supporting KYC, compliance checks, and independent inspection arrangements alongside counterparties and surveyors.</p>
</div>
</div>
</div>
</section>
<div class="star-divider">
<span class="line"></span>
<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M20,2 L23,17 L38,20 L23,23 L20,38 L17,23 L2,20 L17,17 Z"/></svg>
<span class="line"></span>
</div>
<section id="contact">
<div class="container">
<div class="contact-grid">
<div>
<span class="section-tag">Contact</span>
<h2 class="section-title">Start a conversation.</h2>
<p style="color: var(--grey); max-width: 420px;">For enquiries regarding available products, volumes, or facilitation services across energy commodities, please reach out directly.</p>
</div>
<div class="contact-block">
<div class="contact-item">
<div class="stat-label">Website</div>
<a href="https://www.hikmahh.com">www.hikmahh.com</a>
</div>
<div class="contact-item">
<div class="stat-label">Email</div>
<a href="mailto:Service@Hikmahh.com">Service@Hikmahh.com</a>
</div>
<div class="contact-item">
<div class="stat-label">Registered Office</div>
<address>Unit 1603, 16th Floor, The L. Plaza,<br>367–375 Queen's Road Central,<br>Sheung Wan, Hong Kong</address>
</div>
</div>
</div>
</div>
</section>
<footer>
<div style="margin-bottom: 14px;">
<div class="mark-eyebrow" style="font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.3rem; letter-spacing: 0.1em; color: var(--gold); margin-bottom: 5px;">حكمة</div>
<div style="font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; letter-spacing: 0.06em; color: #111111;">HIKMAH <span>HOLDINGS</span></div>
</div>
© 2026 Hikmah <span>Holdings</span> Limited. All rights reserved.
</footer>
Strategic Insights Delivered
Advisory Services
Executive Roundtables
$1,500.00
Exclusive forums where industry leaders swap insights and spark partnerships.
Space Planning Consultation
$1,250.00
Transform your floor plan into a productivity engine guided by strategic space analytics.
Management Consulting
$2,500.00
We streamline operations and ignite growth through data-driven strategies tailored to your vision.
Committed to Measurable Impact
The practice integrates rigorous analysis with industry expertise to deliver comprehensive strategies tailored to each client's operational realities.
Submit an Inquiry
Provide project details to receive a tailored engagement outline.