LoveIt

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

Overall

blog, clean and modern, low density, light

Palette

background #ffffff; surfaces [#f8f8f8]; text #161209; muted text #a9a9b3; primary #2d96bd; accents []

Type

headings system-ui, 700, sentence-case; body system-ui, 16px; scale h1 20px

Shape & spacing

card radius 0px, borders none, shadows none, section spacing 40px, content width 788px

Sections (top to bottom)

• header — horizontal navigation with logo on left, menu items right-aligned, social icons below avatar, white background
• hero — centered avatar with tagline, social media icons in a row beneath, white background
• posts grid — two-column layout on desktop, each post has featured image, headline, author/date, category, excerpt, tags, read more link, light gray surface background
• footer — centered attribution line with Hugo and theme credit, copyright notice, CC license

Signature details

• consistent use of system-ui font across all elements
• minimalistic design with no decorative borders or shadows
• uniform spacing between sections and cards
• feature list with icon prefixes in the about page
• monochrome social icons in circular form
• responsive layout with mobile-first structure

Other pages

• /about/: full-width hero with device mockups, features listed in collapsible sections with icons, light blue info box at top
• /posts/: chronological list grouped by year, plain text layout with dates aligned right, minimal styling

1. 1

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

2. 2

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

3. 3

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