craiyon logo

A technical diagram showing the dimensions and properties of an I-beam, including a schematic drawing and tables with geometric and section data in Persian.

A technical diagram showing the dimensions and properties of an I-beam, including a schematic drawing and tables with geometric and section data in Persian.

> I'm developing a modern, Persian-language engineering app that includes a Stahl profile table. I need a visual design mockup for the "Section Details" page. This page should display detailed geometric and structural properties of a selected steel profile (e.g., IPE 180). The user should be able to switch between different sizes of the same profile type (e.g., from IPE 80 to IPE 180) within this page, but not between different profile types. > > The layout should be clean and modern, and the content should be in Persian (right-to-left). The page should be divided into three main sections: > > 1. Dimensions – A schematic 2D drawing of the profile with labeled dimensions (height, flange width, web thickness, flange thickness, fillet radius). > 2. Geometric Properties – A table showing area, perimeter, weight per unit length, and centroid coordinates. > 3. Section Properties – A table showing moment of inertia (Ix, Iy), section modulus (Wx, Wy), radius of gyration (rx, ry), and plastic modulus (Zx, Zy) if available. > > Include a dropdown menu at the top for selecting the profile size, and a clean header showing the profile name (e.g., "IPE 180"). Add optional buttons for copying data, adding to favorites, or comparing with other sections (these can be placeholders). > > The design should include a schematic image of the section on the page. Use a modern, minimalist style with appropriate icons and typography. Please generate a visual mockup of Mehr sehen