Big Picture

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

Overall

personal portfolio, minimalist, low density, light

Palette

background #fafbfd; surfaces [#dee0e3, #373d49, #e7746f, #676d79]; text #676d79; muted text #ffffff; primary #e7746f; accents []

Type

headings Source Sans Pro, 600, sentence-case; body Source Sans Pro, 22px; scale h1 16px, h2 35px, h3 22px

Shape & spacing

button radius 4px; no borders; no shadows; section spacing 80px; content width 1200px

Sections (top to bottom)

• Header — fixed, full-width, white background with logo on left, navigation links right-aligned, dark gray text
• Hero — full-bleed image background with overlay, centered "Hey." headline in large white text, subtext below in smaller white, downward arrow icon in thin white circle below
• Navigation — horizontal, top-aligned, white background, dark gray text, no underline

Signature details

• Full-bleed hero image with semi-transparent overlay
• Centered, minimal typographic hierarchy
• Downward scroll indicator as a circular outline with arrow
• Fixed header with clean, spaced navigation
• Use of soft contrast between text and image background
• Consistent use of Source Sans Pro across all elements

Other pages

• /intro: intro section with paragraph and two CTA buttons
• /what-i-do: grid layout with three columns of services
• /who-i-am: single-column bio with image on left
• /my-work: portfolio grid with project thumbnails
• /contact: contact form with input fields and submit button

1. 1

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

2. 2

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

3. 3

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