Helios

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

Overall

landing page, modern, minimal, light/dark contrast

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, soft shadows, section spacing 80px, content width 100% full-bleed

Sections (top to bottom)

• Header — horizontal navigation bar with tabs (Desktop, Tablet, etc.), dark gray background, white text, fixed position
• Hero — full-width blurred grayscale architectural image background, centered white headline "Helios", subtitle in smaller white text, circular coral "Start" button below, thin horizontal line separator

Signature details

• Full-bleed hero with blurred architectural imagery
• Circular primary CTA button with soft shadow
• Centered vertical layout with ample negative space
• Dark header with light text and subtle tab indicators
• Minimalist typography hierarchy using consistent sans-serif family

Other pages

• /dropdown: dropdown menu demonstration
• /left-sidebar: left-aligned sidebar layout
• /right-sidebar: right-aligned sidebar layout
• /no-sidebar: full-width content without sidebars

1. 1

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

2. 2

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

3. 3

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