A page must always match the main brand's colors and fonts. A page must have enough space between elements. A page must use the correct voice for text-to-speech.
By Pawan Nayar · from the LLOS AI Learning record
A page must always match the main brand's colors and fonts.
A page must have enough space between elements. A page must use the correct voice for text-to-speech.
A developer must use the brand's exact color palette. A developer must use the specified fonts. A developer must ensure all pages have consistent margins and padding. A developer must select the correct text-to-speech voice based on language priority. These rules apply to all pages, including blogs and word explorers.
A developer creates a new word explorer page. The developer uses a new blue color for the header. The developer uses a different font than the main website. The page looks different from other brand pages. The manager asks the developer to fix the page to match the brand's style.
More from the same record, pulled by shared topic — not written new for this page.
A developer should always start designing for mobile phones. The page must fit a 320-pixel screen width without horizontal scrolling.
A developer must follow specific rules for layout. The entire screen should be visible without scrolling.
All web pages must use the same brand colors. Do not create new color schemes.
A design system is a set of rules for creating web pages. These rules tell a developer how to use fonts and text sizes.
A page must always match the main brand's colors and fonts. A page must have enough space between elements. A page must use the correct voice for text-to-speech.