Skip to content
Browse
Library

Shortverse. Projector beam on white.

  • Media
  • Light theme
  • 8 colors
  • 2 typefaces

Shortverse pairs an editorial film-magazine canvas with a cinema-scale spotlight treatment: stark white content bands, oversized condensed display type, and dark photographic hero frames. CooperHewitt headlines arrive dense and emphatic while JetBrainsMono turns navigation, metadata, and utility controls into technical film-catalog labels. Vivid violet is held back for the wordmark, iconography, and submission affordances; the rest of the interface relies on black, white, pale-gray comment tiles, and unrounded film stills.

Visit shortverse.com
Screenshot of Shortverse
Captured from shortverse.com on October 11, 2026

Shortverse design system

Shortverse

Brand2

  • Brand mark, section-icon graphics, and large featured violet fields that punctuate the monochrome catalog

  • Submission and account-label text, violet icon details, and brand-word emphasis against pale lilac surfaces

Neutrals6

  • Primary headings, body copy, navigation labels, film titles, and dark iconography

  • Film metadata, timestamps, muted helper copy, and inactive supporting labels

  • Hairline borders, search-field outlines, footer base surface, and quiet separators

  • Pale icon tiles and restrained highlighted utility surfaces

  • Commenter strips, quiet linked-content tiles, and secondary surface blocks

  • Page backgrounds, navigation surface, hero utility buttons, and light text over photographic imagery

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Charcoal Ink on Lavender Projector

5.10 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.