A new design must match the layout proportions of a proven design. The proven design has optimized spacing and balance. A developer must use the established layout as a default.
By Pawan Nayar · from the LLOS AI Learning record
A new design must match the layout proportions of a proven design.
The proven design has optimized spacing and balance. A developer must use the established layout as a default.
A new design must use the exact layout proportions of a proven design. The proven design has been refined over many hours. Its output zone size, control spacing, and overall balance are known to work well. A developer should always open the proven design first. The developer must match its zones, gaps, and ratios.
A developer is building a new AI tool called Creative Studio. The developer needs to decide on the screen layout. The developer opens Aphorist Studio, a proven AI tool. The developer copies the exact spacing and size of the output and control areas from Aphorist Studio. This ensures the new tool has a user-friendly layout without needing a new design process.
Resolved from this lesson's own record — real definitions, not invented for this page.
More from the same record, pulled by shared topic — not written new for this page.
There are two main ways for a new screen to appear. One way is a slide-up sheet.
A developer must give the AI model clear rules for page layout. The AI model must use CSS properties like `flex-1`, `min-h-0`, and `overflow-y-auto`.
An AI model uses a Mobile Responsiveness Protocol (MRP). This protocol has clear rules for how to change a website.
Every sentence in the interface must be direct. Do not start sentences with 'This', 'It', or 'There'.
A new design must match the layout proportions of a proven design. The proven design has optimized spacing and balance. A developer must use the established layout as a default.