Paper

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

Overall

blog, minimalist, low density, light

Palette

background #faf8f1; surfaces [#ffffff, #000000]; text #000000; muted text #171717; primary #000000; accents []

Type

headings ui-sans-serif, 600, sentence-case; body ui-sans-serif, 16px; scale h2 24px, body 16px

Shape & spacing

button radius 12px, no borders, no shadows, section spacing 40px, content width 680px

Sections (top to bottom)

• Header — horizontal layout, logo and navigation on left, social icons on right, white background
• Hero — centered profile image with circular border, name in bold, tagline below, light gray background
• Content — vertical list of article cards with featured label in orange, title in bold, date in small gray text, consistent spacing
• Pagination — centered black button with white text "Next Page→", rounded corners
• Footer — two-line layout, copyright on left, Hugo attribution on right, light gray text

Signature details

• Circular profile avatar with thin white border
• Orange "Featured" label above first article
• Minimalist navigation with icon-only social links
• Clean, uncluttered typography with generous line height
• Centered content block within fixed width
• Black pill-shaped button with arrow for pagination

Other pages

• /about/: single-column layout with descriptive paragraph and bulleted list of GitHub links
• /contact/: minimal contact info with two bullet points, no form or input fields

1. 1

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

2. 2

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

3. 3

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