Hamrah.to Legal Office Design System, Website UI & Icon Pack

Scope

Visual UI/UX design for two responsive websites
Theming and design integration across web and mobile
Corporate blog and article layout templates
Icon pack design aligned with brand identity
Visual consistency across multiple digital touchpoints

Goals

Unify the digital presence of Hamrah.to with a cohesive design language
Deliver a seamless responsive UI across mobile, tablet, and desktop
Improve readability and customer interaction through blog and contact templates
Translate the corporate visual identity into practical web components and iconography

Approach

Design System Foundations: Established a color and component system based on the brand’s identity: Gold, Navy Blue, Black, and White. Typography and UI spacing were built for clean, formal legal presentation.
Icon Pack Creation: Developed a custom flat icon set tailored for web menus and landing page sections. Minimal style with line precision matched the tone of the legal brand while maintaining clarity across screen sizes.
Legal Website UI Templates: Created custom layouts for legal blog articles, news updates, and service contact forms. Focus was on visual hierarchy and responsive interaction on smaller screens.
Hamrah.to Corporate Website Theme: Acted as lead UI/Theme Designer—not web developer—for the full responsive experience. Integrated previous visual assets from the brand identity system to maintain cross-platform consistency. Designed mobile-friendly navigation and section-based layout templates for dev handoff.

Delivery

Responsive UI layout templates for two legal office websites
Full icon pack in SVG & PNG formats
Design handoff documentation for developers
Style guide with branding, colors, and components
Blog + contact templates with mobile-first structure

Brand Colors

#0f1b35

, #e3ca70

Tools Used

Photoshop, Adobe XD, Corel Draw, WordPress, Bootstrap

Gallery

Hamrah.to Website Responsive UI/UX

Hamrah.to Office Set

Hamrah.to Custom Icons Pack

Project Feedback

“Navid did an excellent job designing the look and feel of our websites. His work helped us keep everything consistent across desktop and mobile, and the icons and UI elements he created matched our brand perfectly. We’re very happy with the results.”
~F.Hashemi, Founder
Hamrah.to Legal Office