Phase 1 · Nahira Design System Board

One visual language for Website, Galaxy and Loop.

A reviewable board for the foundations we agreed on: orange and charcoal brand tokens, rounded type, Liquid Glass surfaces, equal Persian and English support, and responsive states.

Review foundationsOpen components
DS-01 · Foundations

Brand decisions translated into visible tokens.

Every value has a purpose. The same semantic tokens drive the website, Project Navigator and future product surfaces.

Nahira Orange#FF6A00Primary action and focus
Nahira Charcoal#17191DBrand ink and dark canvas
Warm Paper#F7F5F1Light mode canvas
Signal Green#34C58FSuccess and completed states
Signal Blue#77A7FFInformation and guidance
Glass Linergba(255, 255, 255, 0.22)Specular edge and inner border
Typography · Manrope

Turn complex challenges into connected digital products.

هر مسئله یک راه‌حل دیجیتال روشن دارد.

FA stack · Mikhak / Dana / Vazirmatn

Product-led clarity, human confidence.

Body text stays calm, readable and useful across long-form content and dense product interfaces.

Display 900Heading 800Body 560UI 750
Spacing & shape
48121624324864
1014202838

Compact controls use tighter radii. Liquid surfaces receive wider, continuous curvature.

DS-01 · Language & product surfaces

Persian and English are first-class surfaces.

Every public route carries an independent Persian and English experience. The visual grammar stays shared while direction, copy and navigation remain native to each language.

FA · RTL

راه‌حل دیجیتال برای هر مسئله

هم‌سطح

فونت گرد، فاصله‌گذاری خوانا و کنترل‌های راست‌به‌چپ برای وب‌سایت عمومی و مسیر شروع پروژه.

/fa/...RTL nativeRounded type
EN · LTR

One digital solution for every challenge

Equal level

English keeps the same hierarchy, contrast and interaction states for international discovery and product pages.

/en/...LTR nativeSame tokens
WEBSITE

Public brand layer

Discovery, trust, case studies, blog and the structured Project Navigator intake.

LOOP

Operational product

Project execution, proposals, approvals, delivery and communication after a project is accepted.

Locked law · Apple Liquid Glass

One glass language. Different depths.

Glass is environmental, layered and legible—not a transparent white rectangle. Each level uses the same refraction, highlight, border and depth logic.

Thin

Utility controls and compact overlays

glass/thin

Regular

Cards, floating context and page modules

glass/regular

Thick

Navigation drawers and focused overlays

glass/thick

Tinted

Selected or brand-emphasis surfaces

glass/tinted
DS-02 · Core components

Real components, including the awkward states.

The system is approved only after default, hover, focus, active, disabled, loading, empty, error and success states are visible.

Actions

Buttons, icon actions and status feedback

In review
Primary actionSecondaryLiquid action
DefaultHoverFocusActiveDisabledLoadingEmptyErrorSuccess
Success · approvedEmpty · No items yet

Form controls

Clear labels, guidance and errors

Ready

Decision card

Pattern used in guided flows

Pattern
Balanced launch path

Validate the critical assumption first, then move into a scoped product sprint.

4–6 weeks Product + Development
Phase 2 · Core Components

Components that hold the whole Nahira system together.

One component language across public discovery, Galaxy browsing and Loop operations. Every control has a readable state, a focus path and a reduced-motion fallback.

Ready for implementationTouch target ≥ 44px
Actions

Buttons

primary · secondary · dark · ghost
DefaultHoverFocusDisabled
Forms

Inputs

label · hint · error · focus
Surfaces

Product cards

Website · Galaxy · Loop
Public brand layer

Nahira Website

A clear path from discovery to a structured project start.

Product constellation

Nahira Galaxy

Four editable orbits for the products and ventures beneath Nahira.

Operational product

Nahira Loop

The project workspace for proposals, approvals, delivery and progress.

Feedback

States

empty · error · success
Empty

No projects yet.

Error

Something needs attention.

Success

All set for the next step.

DS-03 · Nahira Galaxy

Four editable orbits for the 14 Nahira products.

Galaxy is the public product constellation. The owner decides each orbit; the system can suggest a placement, but it cannot silently change it.

01
ایدهIdea

Early signals, hypotheses and product directions.

Owner editable · Admin can lock
02
طراحیDesign

Experience, identity and product definition.

Owner editable · Admin can lock
03
توسعهDevelopment

Building, shipping and strengthening the product.

Owner editable · Admin can lock
04
رشدGrowth

Adoption, distribution and measurable momentum.

Owner editable · Admin can lock

Product set

All 14 products belong to Nahira and remain individually addressable.

Galaxy board
Marpitch.aiYadmeVazanoAiAvisa360SemaMorphAbrChinMessageGoJostejooJoorjaJoorJibMrMalekAiroFit PlusAyarChin
DS-03 · Website patterns

Reusable sections, not one-off decoration.

These patterns become the grammar of every public page and every alternative user flow.

Innovation

Discover and frame the right opportunity.

View pattern

Product Design

Shape a useful, desirable product system.

View pattern

Development

Build a reliable and scalable implementation.

View pattern

Marketing

Launch, communicate and grow with evidence.

View pattern

Project Navigator

Turn uncertainty into a structured next step.

View pattern

Approval

Keep important decisions visible and controlled.

View pattern
Approval gate

Nothing becomes locked until you approve it visually.

Review each foundation, component and pattern. Approved items become the only allowed building blocks for the website.

Review live flows