Styles LibraryDesign references, decoded.


Mercury landing page

Mercury landing page full-page website screenshot

↓ Download design brief

Visit site ↗

ChatGPT · Claude · Cursor

Bring this design into your next project.

Use Mercury landing page as a reference. Copy the prompt, then paste it into your connected AI chat.

Connect your AI ↗

Website reference

Explore Mercury’s landing page layout, with an archived screenshot and reference details.

The screenshot shows an earlier version of this website. The current site may have changed.

Typography

Arcadia Display, Arcadia Text

Color palette

#171721#5266eb

Give your AI a clearer
design direction.

A good reference makes your intent easier to explain. Bring real colors, type, and layout decisions into the conversation before your AI starts building.

Connect your AI ↗Connect the library in a compatible AI app, or download a brief for the tool you already use.