Arfazrll Portfolio

هذا التحليل غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.

Overall

personal portfolio, tech-forward, high-density, dark

Palette

background #000000; surfaces [#18181b, #e5e7eb, #ef4444, #22c55e]; text #fafafa; muted text #a6a6a6; primary #20beff; accents [#ef4444, #22c55e, #eab308]

Type

headings Inter, 900, uppercase/sentence-case; body Inter, 12px; scale h1 158px / h2 88px / h3 36px

Shape & spacing

button radius 9999px, card radius 16px, borders none, shadows rgba(255, 255, 255, 0.1) 0px 0px 0px 1px, section spacing 120px, content width 1138px

Sections (top to bottom)

• Hero — full-width, centered stacked headline with icon integration (lightning bolt, robot head), vertical sidebar label "AVAILABLE FOR OPPORTUNITY", top navigation bar with time display and icons, location tagline at bottom right, scroll indicator
• Core Focus — centered quote block with red border, three-column layout below with labels in red, descriptive text in white/muted gray, signature script at end
• Professional Statistics — centered text block above horizontal stat bar with four data points, rounded container, green status dot above
• Contact — full-width form with large heading, input fields labeled in uppercase, "SEND MESSAGE" button with arrow icon, social grid of platform cards with connect buttons and icons
• Footer — implied continuation with contact links and branding

Signature details

• Dynamic iconography embedded in text (lightning, robot, camera)
• Vertical sidebar label with rotated text
• Red accent borders around key sections
• Floating scroll indicator with animated transition
• Monochrome palette with strategic color highlights
• Script signature for personal touch

Other pages

• /contact: form-based layout with social connection grid and messaging interface

1. 1

   انقر على «استخدم هذا القالب» لفتحه في Ottermind Studio مع ملء الموجز.

2. 2

   أضف إلى الموجز علامتك التجارية وجمهورك وصفحاتك ومحتواك.

3. 3

   ينشئ Ottermind موقعًا جديدًا مستوحى من هذا التصميم، وتابع تعديله في المحادثة.