Production Environment

Agency UI Identity Document

The core architectural framework for Medsolix Agency SaaS solutions, designed for scalability, revenue tracking, and professional service management.

01. Semantic Color Palette

Brand Orange

#ff612f

Brand Slate

#1e293b

Accent Orange

#fff0eb

Success Green

#10b981

Error Red

#ef4444

02. Typography Scale

Business Scale (Inter)

H1 - Agency Dashboard

Project Overview

H2 - Client Profile

Account Strategy

Body Text

High-performance agency dashboards require optimized readability for complex data sets and growth metrics.

Professional Arabic (Cairo)

عنوان رئيسي

إدارة المشاريع الرقمية

نص المحتوى

تم تصميم نظام Medsolix لضمان تجربة مستخدم سلسلة للمكاتب والوكالات في الشرق الأوسط.

03. Iconography (1.5px Stroke)

Growth
Projects
Clients
Billing
Launch
Goals
Web
Data
Assets
Direct
Fast
Success

04. Component Library: Buttons 

bg-[#ff612f] text-white 
px-6 py-2.5 rounded-md 
text-sm font-semibold
bg-white border 
border-slate-200 
text-slate-600 
hover:bg-[#fff0eb]
text-[#ef4444] 
hover:bg-red-50 
rounded-md text-sm

05. Input Architecture 

h-11 border border-slate-200 
rounded-md px-4 text-sm 
focus:ring-4 focus:ring-[#ff612f]/10 
focus:border-[#ff612f]

06. Agency Analytics Cards

Monthly Growth

Total Managed Revenue

$128,450 +14.2% 
bg-white p-8 rounded-lg border 
border-slate-100 
shadow-[0_4px_20px_rgba(0,0,0,0.03)] 
hover:shadow-xl transition-all

07. Professional Agency Lead Form

Please enter a valid business email.

Verification code sent.

Lead Form Architecture 
h-11 bg-white 
border-[#E2E8F0] 
focus:border-[#ff612f] 
focus:ring-[#fff0eb]

/* Submit Button */
h-12 bg-[#ff612f] 
hover:bg-[#e85526]
transition-all 
duration-200