:root{
–bg:#fcfaf7;
–ink:#0e1422;
–muted:#6e7a8c;
–line:#e8e2d9;
–gold:#c7a46a;
–gold-2:#e8d5b0;
–blue:#5a5cff;
–paper:#ffffff;
–dark:#0a0f1d;
}
*{box-sizing:border-box}
.aval-lux{font-family:’IRANSans’,’Vazirmatn’,-apple-system,BlinkMacSystemFont,sans-serif; background:var(–bg); color:var(–ink); direction:rtl; overflow-x:hidden; line-height:1.7}
.aval-lux a{color:inherit; text-decoration:none}
.aval-wrap{max-width:1280px; margin:0 auto; padding:0 32px}
@media(max-width:768px){.aval-wrap{padding:0 20px}}
/* NAV */
.aval-nav{position:sticky; top:0; z-index:50; backdrop-filter:blur(18px); background:rgba(252,250,247,0.85); border-bottom:1px solid var(–line); display:flex; align-items:center; justify-content:space-between; padding:18px 0}
.aval-logo{font-weight:900; letter-spacing:-0.04em; font-size:22px; display:flex; align-items:center; gap:10px}
.aval-logo i{width:32px; height:32px; background:var(–ink); color:var(–gold); display:grid; place-items:center; border-radius:8px; font-style:normal; font-weight:900}
.aval-menu{display:flex; gap:28px; font-size:14px; font-weight:500; color:var(–muted)}
.aval-menu a:hover{color:var(–ink)}
.aval-cta{display:inline-flex; align-items:center; gap:8px; background:var(–ink); color:#fff!important; padding:12px 20px; border-radius:999px; font-size:14px; font-weight:700; transition:.2s}
.aval-cta:hover{transform:translateY(-1px); background:#000}
.aval-cta.ghost{background:transparent; color:var(–ink)!important; border:1px solid var(–line)}
.aval-cta.ghost:hover{background:var(–paper)}
/* HERO */
.aval-hero{padding:80px 0 60px; position:relative}
.aval-hero-grid{display:grid; grid-template-columns:1.15fr 0.85fr; gap:60px; align-items:center}
@media(max-width:960px){.aval-hero-grid{grid-template-columns:1fr; gap:40px}}
.aval-kicker{font-size:11px; letter-spacing:0.18em; color:var(–gold); font-weight:800; margin-bottom:18px; display:flex; align-items:center; gap:10px}
.aval-kicker:before{content:”; width:28px; height:1px; background:var(–gold); display:inline-block}
.aval-h1{font-size:clamp(36px,5.2vw,64px); line-height:0.95; letter-spacing:-0.04em; font-weight:900; margin:0 0 20px}
.aval-h1 em{font-style:normal; color:var(–gold); font-family:’Times New Roman’,serif; font-weight:400; letter-spacing:-0.02em}
.aval-lead{font-size:18px; color:var(–muted); max-width:520px; margin-bottom:28px}
.aval-actions{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:36px}
.aval-stats{display:flex; gap:32px; border-top:1px solid var(–line); padding-top:28px}
.aval-stat strong{font-size:28px; display:block; line-height:1; letter-spacing:-0.03em}
.aval-stat span{font-size:12px; color:var(–muted); letter-spacing:0.06em}
.aval-visual{position:relative; aspect-ratio:4/4.2; background:var(–paper); border:1px solid var(–line); border-radius:28px; overflow:hidden; box-shadow:0 30px 80px rgba(14,20,34,0.08)}
.aval-visual img{width:100%; height:100%; object-fit:cover}
.aval-visual:before{content:”; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(14,20,34,0.55)); z-index:1}
.aval-visual-card{position:absolute; bottom:18px; left:18px; right:18px; background:rgba(255,255,255,0.92); backdrop-filter:blur(12px); border-radius:18px; padding:16px 18px; z-index:2; display:flex; justify-content:space-between; align-items:center; border:1px solid rgba(255,255,255,0.6)}
.aval-chip{font-size:11px; background:var(–dark); color:#fff; padding:6px 10px; border-radius:999px}
/* SECTION */
.aval-section{padding:88px 0; border-top:1px solid var(–line)}
.aval-eyebrow{font-size:11px; letter-spacing:0.18em; color:var(–muted); margin-bottom:16px}
.aval-h2{font-size:clamp(28px,3.8vw,44px); line-height:1.05; letter-spacing:-0.03em; font-weight:900; margin:0 0 18px}
.aval-h2 em{font-family:’Times New Roman’,serif; font-weight:400; color:var(–gold)}
.aval-copy{color:var(–muted); max-width:560px; font-size:16px}
/* SERVICES */
.aval-services{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px}
@media(max-width:900px){.aval-services{grid-template-columns:1fr}}
.aval-card{background:var(–paper); border:1px solid var(–line); border-radius:24px; padding:28px; position:relative; overflow:hidden; transition:.3s}
.aval-card:hover{transform:translateY(-4px); box-shadow:0 20px 50px rgba(14,20,34,0.06)}
.aval-num{font-size:11px; letter-spacing:0.12em; color:var(–gold); margin-bottom:18px; font-weight:800}
.aval-card h3{font-size:20px; margin:0 0 10px; letter-spacing:-0.02em}
.aval-card p{color:var(–muted); font-size:14px; margin:0 0 18px; min-height:60px}
.aval-link{font-size:13px; font-weight:700; display:inline-flex; align-items:center; gap:6px; border-bottom:1px solid var(–ink); padding-bottom:2px}
/* WORK */
.aval-work{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:40px}
@media(max-width:900px){.aval-work{grid-template-columns:1fr}}
.aval-work-card{border-radius:22px; overflow:hidden; background:var(–paper); border:1px solid var(–line); aspect-ratio:4/3; position:relative; display:block}
.aval-work-card img{width:100%; height:100%; object-fit:cover; transition:.6s}
.aval-work-card:hover img{transform:scale(1.04)}
.aval-work-meta{position:absolute; bottom:0; left:0; right:0; padding:18px; background:linear-gradient(180deg, transparent, rgba(0,0,0,0.7)); color:#fff; display:flex; justify-content:space-between; align-items:end}
.aval-work-meta h4{margin:0; font-size:15px}
.aval-work-meta span{font-size:11px; opacity:0.8}
/* PROCESS */
.aval-process{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:40px}
@media(max-width:900px){.aval-process{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.aval-process{grid-template-columns:1fr}}
.aval-step{border:1px solid var(–line); border-radius:20px; padding:22px; background:var(–paper)}
.aval-step b{font-size:11px; color:var(–gold); display:block; margin-bottom:12px}
.aval-step h4{margin:0 0 8px; font-size:16px}
.aval-step p{margin:0; font-size:13px; color:var(–muted)}
/* FINAL CTA */
.aval-final{background:var(–dark); color:#fff; border-radius:32px; padding:56px; display:grid; grid-template-columns:1.2fr 0.8fr; gap:30px; align-items:center; position:relative; overflow:hidden}
@media(max-width:900px){.aval-final{grid-template-columns:1fr; padding:36px}}
.aval-final:before{content:”; position:absolute; width:500px; height:500px; background:radial-gradient(circle, rgba(199,164,106,0.25), transparent 70%); top:-120px; left:-120px}
.aval-final h2{font-size:clamp(28px,3.5vw,42px); line-height:1.05; margin:0 0 12px; letter-spacing:-0.03em}
.aval-final p{color:rgba(255,255,255,0.6); margin:0 0 22px}
.aval-btn-light{background:#fff; color:var(–ink)!important; padding:14px 22px; border-radius:999px; font-weight:800; display:inline-flex; gap:8px}
.aval-list{display:flex; flex-direction:column; gap:14px}
.aval-list div{display:flex; gap:12px; font-size:14px; color:rgba(255,255,255,0.8)}
.aval-list i{width:28px; height:28px; border-radius:999px; background:rgba(255,255,255,0.1); display:grid; place-items:center; font-style:normal; flex-shrink:0}
/* FOOTER */
.aval-footer{padding:50px 0; border-top:1px solid var(–line); display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:13px; color:var(–muted)}
.aval-footer a{color:var(–ink); font-weight:600}
طراحی سایت در پاکدشت
که میفروشد،
نه فقط زیباست.
ما اولنما هستیم — استودیو طراحی سایت، سئو و هویت دیجیتال در پاکدشت. سایتهایی میسازیم که سریعاند، در گوگل دیده میشوند و مشتری را به خرید میرسانند. بدون قالب آماده، بدون شلوغی.
کمتر، اما دقیقتر.
سه سرویس که رشد میسازند.
از اولین ایده تا اولین مشتری، یک تیم کوچک و متخصص کنار شماست تا حضور دیجیتالتان فقط زیبا نباشد؛ نتیجهساز باشد. تمرکز ما بر طراح سایت در پاکدشت و سئو محلی است.
سایتهایی که کار میکنند.
طراحی سایت شرکتی، فروشگاهی و صنعتی با وردپرس، المنتور و کدنویسی تمیز. سرعت بالا، امنیت و ساختار آماده سئو.
دیدهشدن، با برنامه.
سئو سایت در پاکدشت با استراتژی محتوایی، سئو فنی و تحلیل مداوم تا در جستجوی درست، جلوی چشم مشتری درست باشید.
تصویری که میماند.
هویت بصری، لوگو، عکاسی صنعتی و محتوای منسجم برای برندی که در اولین نگاه حرفهای و قابل اعتماد است.
فردای برندتان را امروز ببینید.
با ترکیب خلاقیت انسانی و ابزارهای هوش مصنوعی، فرصتهای رشد را سریعتر پیدا میکنیم. تحلیل جایگاه فعلی، پیشنهاد مسیر رشد و تبدیل داده به تصمیم.
تحلیل جایگاه فعلی
بررسی سئو، سرعت و رقبا در پاکدشت و ورامین.
پیشنهاد مسیر رشد
نقشه محتوایی برای “طراح وب سایت پاکدشت” و کلمات مرتبط.
تبدیل داده به تصمیم
گزارش ماهانه با پیشنهادهای قابل اجرا.
چند پروژه، چند داستان رشد.
از ایده تا رشد واقعی.
کشف و استراتژی
شناخت بازار پاکدشت، مخاطب و هدفهای واقعی کسبوکار.
تجربه و طراحی
معماری محتوا و طراحی ریسپانسیو بر پایه نیاز کاربر.
توسعه و آزمون
پیادهسازی سریع، امن و بهینه برای موتور جستوجو.
انتشار و رشد
آموزش، پشتیبانی و بهبود مستمر با داده.
پروژه بعدی را
درست شروع کنیم.
یک گفتوگوی کوتاه کافی است تا مسئله را شفاف کنیم و بهترین مسیر را برای رشد برند شما بسازیم. تمرکز ما طراحی سایت در پاکدشت با نتیجه واقعی است.
