Every prompt, in the open

The prompts

MAJUSCULE has no image prompts, because it has no images. What it does have is a brief and a voice. Here they are, in full.

The brief

ConceptDesign brief

MAJUSCULE, a fictional variable-type foundry. One of three showcase sites built to demonstrate what an AI can do with web design and craft. The remit: fundamentally different from its siblings, and built entirely from type, with no images, no canvas and no video. The concept: "one font, a thousand voices", demonstrating how a single variable font spans a whole family. Bright bone paper, near-black ink, a single electric ink-blue accent (#1b14e6). The letterforms move, driven by scroll and by looping CSS animations of font-variation-settings, so the page itself is the specimen.

The words

Copy voiceLanguage model

The tone for every line of copy on the site.

Write copy for MAJUSCULE, a fictional variable-type foundry, as if by a confident, dry, design-literate art director. Short declarative sentences. Trust the reader to know a little about type without lecturing. Occasional wit ("Est. this afternoon") but never cute. Never use the words "elevate", "unleash" or "seamless". No exclamation marks. Explain what a variable axis is in one plain sentence a curious non-designer could follow.

Typeface curationDesign brief

Choosing which open fonts to feature so each tells a different axis story.

Pick five open-source variable fonts for a kinetic specimen page. Each should tell a different story about a different axis: a high-contrast display serif with expressive optical-size and a "wonk" axis; a contemporary grotesque; a condensed industrial face driven by weight alone; and one true multi-axis playground font with width, slant and grade. Prefer faces whose extremes are dramatic, because the whole page is about watching them move between those extremes.

On the absence of images

Zero imagesA constraint

There is not a single raster image on this site, by design. No hero photo, no texture, no icon set, no generated art. Every shape you see is a glyph from one of five open-source variable fonts. That constraint is the whole point: it forces the typography to carry the entire experience, and it keeps the page featherweight.

Want the how? Read the build guide.