Parallelism

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

Overall

portfolio site, artistic mood, medium density, light/dark hybrid

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/card radius 4px, no borders, soft shadows on cards, section spacing 20px, content width full-width

Sections (top to bottom)

• Header — fixed navigation bar with dark background, logo and device tabs, right-aligned action buttons (Post, Back, Download)
• Hero — full-width image background with overlay gradient, grid of image tiles in two rows, each tile has a dark semi-transparent caption bar with white text
• Footer — dark translucent overlay with centered text block, social icons aligned right, copyright and attribution text in small font

Signature details

• Grid layout of visually rich image tiles with consistent caption bars
• Semi-transparent dark overlays on images for text legibility
• Primary color accent used in hero panel and CTA button
• Soft blur effect on background image behind footer
• Consistent use of rounded corners on all interactive elements
• Hover effects implied by visual hierarchy on image tiles

Other pages

• none shown

1. 1

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

2. 2

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

3. 3

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