no-vember

From IndieWeb

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:

  1. No Color: create a page using only black, white, and shades of gray.
  2. No Images: make something interesting using only text, unicode, and CSS. No img tags, no backgrounds.
  3. No Classes: style your page without using any CSS classes. Element selectors, IDs, and attribute selectors only.
  4. No External CSS: all styles must be inline or in a style tag. No separate stylesheet files.
  5. No More Than 5 Colors: limit your entire palette to five colors maximum.
  6. No Typography Control: use only the browser's default font. No font-family, no web fonts, no font-size changes.
  7. No Paragraphs: tell a story or share information without using a p tag.
  8. No Sharp Corners: everything must be curved. Use border-radius; no 90-degree angles allowed.
  9. No Repeating Elements: each HTML element type can only be used once on the page.
  10. No Padding: design your layout without using the padding property anywhere. Margins and borders only.
  11. No White Backgrounds: no white backgrounds anywhere.
  12. No More Than 3 Fonts: limit yourself to three font families maximum.
  13. No Navigation Bars: create a multi-section page with clear wayfinding but no traditional nav element or menu.
  14. No Flexbox: layout your page without using flex.
  15. No Horizontal Layouts: everything flows vertically. No side-by-side elements.
  16. No More Than 10 Elements: build with only ten HTML elements (not counting html, head, body, meta, title).
  17. No Animations: create visual interest without CSS animations, transitions, or movement effects.
  18. No Long Words: write all content using only words of six letters or fewer.
  19. No Grid: layout without CSS Grid.
  20. No Gradients: use only solid colors throughout. No linear-gradient, radial-gradient, or conic-gradient.
  21. No Borders: create visual separation and structure without using border properties.
  22. No Background Colors: no background or background-color. Work with transparency and text color only.
  23. No Lists: organize information without ul, ol, or li tags.
  24. No Z-Index: layer and overlap elements without using z-index.
  25. No Margin: make a layout where no element uses margin.
  26. No More Than 3 Sections: organize all your content into three sections maximum.
  27. No Absolute Positioning: layout without position: absolute.
  28. No Symmetry: everything must be asymmetrical. No centering, no mirroring.
  29. No IDs: style and structure your page without using any ID selectors.
  30. 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

Credits

Thanks to gRegor Morrill and Tantek for suggestions on improving this wiki page.

See Also