On dark backgrounds, all text must be white or a very light shade of white. This ensures the text is easy to read. Sub-labels can be slightly less opaque but must remain very light.
By Pawan Nayar · from the LLOS AI Learning record
On dark backgrounds, all text must be white or a very light shade of white.
This ensures the text is easy to read. Sub-labels can be slightly less opaque but must remain very light.
When a background is dark, all text should be white. This includes main text and smaller labels. The main text should be fully white. Sub-labels can be a lighter white, like 70% opaque white. Text should never be a dark gray on a dark background. This makes the text hard to see.
A designer creates a website with a dark background. The designer uses white text for all main headings and paragraphs. For smaller helper text, the designer uses a slightly transparent white. This makes sure all text is easy for the user to read.
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.
A developer must avoid gray text on light backgrounds. This is a common mistake in AI-generated designs.
A content panel should be very short or long. It should not be a medium length.
A developer must use strong color contrast for disabled buttons. For example, dark text on a light background works well.
A text panel should have fewer than 60 words. Or, a text panel should have more than 95 words.
On dark backgrounds, all text must be white or a very light shade of white. This ensures the text is easy to read. Sub-labels can be slightly less opaque but must remain very light.