Explore visual directions
OPTES generates moodboard images and style directions from the project brief, so you can narrow options with the client before the real work starts in your design file.
An example of what you typeThree visual directions for a family bakery's identity in Mosul: warm and traditional, modern and minimal, colourful and playful.
AvailableImage generation
Layout and typography critique
Send a screenshot of your layout. It comments on hierarchy, contrast, spacing and Arabic type issues such as broken letter joins or cramped line height.
An example of what you typeLook at this home page and tell me what's off in the hierarchy, and why the Arabic headline feels cramped.
AvailableReading images and documents
From design to working page
It builds your layout in HTML and CSS, shows it at desktop, tablet and phone sizes, and lets you fix any mismatch with your design in one click.
An example of what you typeTurn this landing page screenshot into a working right-to-left page, matching spacing and colours as closely as possible.
AvailableLive preview
Interface copy in two languages
It writes button labels, empty states, error messages and onboarding text in Arabic and English, each written natively rather than translated, at lengths that fit your components.
An example of what you typeWrite empty-state text for the orders page in Arabic and English: friendly, short, headline under 40 characters.
AvailableWriting, editing and translation
Batch file chores
OPTES writes a small script to rename, resize or convert exported assets in bulk, and checks the result before you hand it to developers.
An example of what you typeRename every icon in the export folder to lowercase kebab-case, generate PNGs at three sizes, and flag any SVG with embedded raster images.
AvailableCoding and full projects