no-vember
No-vember is a daily challenge for the month of November when people create one webpage per day for 30 days, each following a different 'no something' constraint: like 'no color', 'no images', or 'no custom fonts'.
Overview
No-vember challenges people to make one webpage each day of November, each with a specific creative constraint. The goal isn't perfection: it's exploration and creativity. All constraints are designed to maintain usable, accessible code while challenging your creative problem-solving.
The challenge was created by
zacharykaiwrites in 2025.
Prompts
Each day has a specific constraint:
- No Color: create a page using only black, white, and shades of gray.
- No Images: make something interesting using only text, unicode, and CSS. No img tags, no backgrounds.
- No Classes: style your page without using any CSS classes. Element selectors, IDs, and attribute selectors only.
- No External CSS: all styles must be inline or in a style tag. No separate stylesheet files.
- No More Than 5 Colors: limit your entire palette to five colors maximum.
- No Typography Control: use only the browser's default font. No font-family, no web fonts, no font-size changes.
- No Paragraphs: tell a story or share information without using a p tag.
- No Sharp Corners: everything must be curved. Use border-radius; no 90-degree angles allowed.
- No Repeating Elements: each HTML element type can only be used once on the page.
- No Padding: design your layout without using the padding property anywhere. Margins and borders only.
- No White Backgrounds: no white backgrounds anywhere.
- No More Than 3 Fonts: limit yourself to three font families maximum.
- No Navigation Bars: create a multi-section page with clear wayfinding but no traditional nav element or menu.
- No Flexbox: layout your page without using flex.
- No Horizontal Layouts: everything flows vertically. No side-by-side elements.
- No More Than 10 Elements: build with only ten HTML elements (not counting html, head, body, meta, title).
- No Animations: create visual interest without CSS animations, transitions, or movement effects.
- No Long Words: write all content using only words of six letters or fewer.
- No Grid: layout without CSS Grid.
- No Gradients: use only solid colors throughout. No linear-gradient, radial-gradient, or conic-gradient.
- No Borders: create visual separation and structure without using border properties.
- No Background Colors: no background or background-color. Work with transparency and text color only.
- No Lists: organize information without ul, ol, or li tags.
- No Z-Index: layer and overlap elements without using z-index.
- No Margin: make a layout where no element uses margin.
- No More Than 3 Sections: organize all your content into three sections maximum.
- No Absolute Positioning: layout without position: absolute.
- No Symmetry: everything must be asymmetrical. No centering, no mirroring.
- No IDs: style and structure your page without using any ID selectors.
- No Constraints: after 29 days of limitations, create anything you want.
Guidelines
Participants are encouraged to:
- Start with small, single-page projects rather than complete websites
- Document their creative process and discoveries
- Prioritize accessibility in all work
- Share their creations with others
- Adapt the challenge to their needs by skipping days, combining prompts, or creating custom constraints
IndieWeb Examples
- Add yourself here⦠(see this for more details)
Credits
Thanks to gRegor Morrill and Tantek for suggestions on improving this wiki page.