ما فقط سایت نمیسازیم؛ معماری دیجیتال شما را بنا میکنیم.
راهنمای رسمی هویت بصری، کلامی و تجربهٔ کاربری برای همراستایی تمام خروجیهای نترون با معماری برند.
نترون صرفاً یک آژانس طراحی وب نیست؛ ما استودیوی «معماری دیجیتال» هستیم. تخصص ما خلق پلتفرمها و ماشینهای فروشی است که ترکیبی بینقص از مهندسی دقیق (کدنویسی استاندارد)، تجربه کاربری روان (UX) و زیباییشناسی هنجارشکن (UI) را ارائه میدهند. ما وبسایت نمیسازیم؛ ما زیرساختهای پایدار و مقیاسپذیری را طراحی میکنیم که کسبوکارهای پیشرو روی آنها امپراتوری خود را بنا میکنند.
داستان نترون از یک خلأ بزرگ در دنیای دیجیتال آغاز شد: جایی که زیبایی بصری اغلب فدای عملکرد میشد، یا کدهای پیچیده و خشک، روح و تجربه کاربری را نابود میکردند. ما با هدف پایان دادن به این تضاد متولد شدیم. نترون شکل گرفت تا نقطهٔ تلاقی «هنر بصری» و «منطق تکنولوژی» باشد؛ جایی که هر خط کد و هر پیکسل، با هدفی مشخص و برای خلق یک توازن ساختاری (Structural Harmony) در کنار هم قرار میگیرند تا برندها را از رقبا متمایز کنند.
نترون؛ معماری دیجیتال برای کسبوکارهای پیشرو.
ستونهای اصلی که رفتار، تصمیمات و خروجیهای نترون بر آنها استوار است:
نشان تصویری نترون، قلب تپندهٔ هویت ماست. این نشان (حرف N محصور در یک ششضلعی با خطوط پیوسته)، نماد یک «مدار معماریشده» است.
قانون طلایی: این نشان هرگز نباید دفرمه (کشیده یا فشرده) شود. خطوط داخلی آن دارای ضخامت ریاضی دقیقی هستند که باید در تمام ابعاد (از فاوآیکون تا بیلبورد) تناسب خود را حفظ کنند.
حریم امن: فضای اطراف لوگو باید همیشه حداقل به اندازهٔ ارتفاع حرف «ن» در لوگوتایپ، خالی از هرگونه عنصر گرافیکی یا متن دیگر باشد تا اقتدار بصری آن حفظ شود.
رنگهای نترون بازتابی از فضای تکنولوژیهای پیشرفته (High-tech) و مینیمالیسم لوکس هستند. ما از رنگها برای هدایت چشم کاربر و ایجاد کنتراستهای خیرهکننده استفاده میکنیم.
رنگ اصلی نترون
HEX #2B63EB
RGB 43 99 235
رنگ پسزمینه
HEX #F8FAFC
RGB 248 250 252
رنگ خطوط جداکننده
HEX #E2E8F0
RGB 226 232 240
گرادیان پسزمینه
#161C3E → #0F172A
رنگ عنوان
HEX #0F172A
RGB 15 23 42
رنگ پاراگرافها
HEX #334155
RGB 51 65 85
رنگ متون ثانویه
HEX #64748B
RGB 100 116 139
SUCCESS
#28A745 · 40 167 69
WARNING
#FFC107 · 255 193 7
ERROR
#DC3545 · 220 53 69
INFO
#17A2B8 · 23 162 184
تایپوگرافی در نترون، ابزار انتقال پیام نیست؛ بلکه خود معماری صفحه است. فونتها باید هندسی، خوانا و مدرن باشند. به همین خاطر از فونت ایرانسنس ایکس در وزنهای بولد برای عناوین، رگولار برای پاراگرافها و لایت برای متون ثانویه استفاده میکنیم.
هنگامی که نترون در کنار برند مشتریان یا شرکای تجاری قرار میگیرد (مانند بخش Partners یا در فوتر سایتهای طراحیشده):
صدای نترون، صدای یک «معمار پیشرو و استراتژیست» است. ما مانند یک پیمانکار ساده که منتظر دستور است صحبت نمیکنیم؛ ما مانند یک شریک قدرتمند و مسلط به تکنولوژی سخن میگوییم که مسیر را به مشتری نشان میدهد.
Impact = Precision × ( Innovation + Strategy )
تأثیرگذاری = دقت مهندسی × (نوآوری + استراتژی)
ویژگیهای اصلی صدای نترون عبارتند از:
در حالی که «صدای برند» همیشه ثابت است، «لحن» ما بسته به موقعیت، رسانه و مخاطب تغییر میکند:
لحن در اینجا جسورانه و میخکوبکننده است. هدف بیدار کردن نیاز مخاطب به یک تغییر بزرگ است.
مثال: «پایان وبسایتهای یکبارمصرف. ما ماشین فروش شما را معماری میکنیم.»
لحن در اینجا کاملاً منطقی، دادهمحور و مهندسیشده است. ما روی نتایج، تکنولوژیهای استفادهشده (React، Node.js، …) و معماری سیستم تمرکز میکنیم.
مثال: «توسعهٔ زیرساخت ابری با آپتایم ۹۹.۹٪ و معماری میکروسرویس برای مقیاسپذیری نامحدود.»
لحن در اینجا همدلانه، حرفهای و اطمینانبخش است. مشتری باید احساس کند یک تیم قدرتمند، مانند یک سپر حفاظتی پشت کسبوکار او ایستاده است.
کلمات ارزانکنندهٔ برند: تضمین کمترین قیمت، سایت ارزان، قالب آماده، سهسوته، پک اقتصادی.
کلمات مبهم و کلیشهای: بهترین کیفیت، بینظیرترین، فوقالعاده. (ما به جای ادعا، فکت و دیتا ارائه میدهیم.)
در نترون، هیچ المانی به صورت تصادفی در صفحه قرار نمیگیرد. ما از سیستمهای منعطف اما بهشدت دقیق استفاده میکنیم.
سیستم گرید ۸ پیکسلی (The 8-pt Grid): تمام فاصلهها (Margin، Padding) و ابعاد کامپوننتها باید مضربی از عدد ۸ باشند (۸، ۱۶، ۲۴، ۳۲، ۶۴ و …). این فرمول ریاضی، توازن ساختاری (Structural Harmony) را در ناخودآگاه کاربر ایجاد میکند.
در نترون به فضای خالی «فضای هدررفته» نمیگوییم؛ بلکه آن را «فضای تنفس مهندسیشده» مینامیم. برای ایجاد حس لوکس بودن، حاشیههای صفحه و فاصله بین سکشنها باید بزرگ و سخاوتمندانه باشد.
بر اساس ساختار موفق V6، در صفحات کلیدی صفحه به صورت نامتقارن تقسیم میشود. یک سمت اختصاص به نظم خالص (تایپوگرافی خوانا، متون دقیق و دکمههای CTA) دارد و سمت دیگر به عنوان بوم نوآوری برای نمایش پارتیکلها و المانهای شیشهای استفاده میشود.
هیچ متنی نباید روی پسزمینهٔ شلوغ قرار گیرد. اگر تصویری در پسزمینه است، باید با یک لایهٔ تیره (Overlay) پوشانده شود تا خوانایی متون سفید به ۱۰۰٪ برسد.
معماری اطلاعات سایت باید به گونهای باشد که مخاطب (معمولاً یک مدیر پرمشغله) بتواند با حداکثر ۳ کلیک به رزومه، پورتفولیو یا فرم تماس با ما برسد.
هیچ صفحهای در سایت نترون نباید بدون یک مسیر خروج یا CTA تمام شود. وقتی کاربر یک مقاله یا کیساستادی را تا انتها میخواند، باید بلافاصله با یک بلوک قدرتمند «پروژه بعدی» یا «شروع همکاری» مواجه شود.
