DevPro Portfolio Template

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

Overall

portfolio, modern, medium density, dark

Palette

background #121212; surfaces #1e1e1e, #2d2d2d; text #ffffff; muted text #b3b3b3; primary #007acc; accents #007acc, #4a4a4a

Type

headings Inter, 600, sentence-case; body Inter, 16px; scale h1 48px, h2 32px, h3 24px

Shape & spacing

button/card radius 12px; borders none; shadows soft drop (0 4px 12px rgba(0,0,0,0.3)); section spacing 80px; content width 1000px

Sections (top to bottom)

• Header — horizontal nav with logo, links, and "Download CV" button; dark surface with subtle glow; centered alignment
• Hero — two-column layout; left side has headline, subtext, timeline; right side has circular portrait with blue background and social icons below; full-width section with dark background
• Timeline — vertical line with year markers (blue circles), each entry has a small circle icon and text; alternating entries aligned left/right; light divider lines between years

Signature details

• Blue accent color used consistently for name, timeline dots, and interactive elements
• Circular portrait with solid blue background contrasting against dark theme
• Vertical timeline with connected dots and clean spacing
• Soft glow on header and buttons for depth
• Minimalist typography with consistent spacing and hierarchy
• Social icons in monochrome, subtly styled beneath portrait

Other pages

• /about: brief bio with skills and interests
• /projects: grid of project cards with images and titles
• /contributions: list of open-source contributions with links
• /blogs: article preview cards with dates and excerpts
• /events: calendar-style listing of upcoming events

1. 1

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

2. 2

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

3. 3

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