Styles LibraryDesign references, decoded.


Xref landing page

Xref landing page full-page website screenshot

↓ Download design brief

Visit site ↗

ChatGPT · Claude · Cursor

Bring this design into your next project.

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

Connect your AI ↗

Website reference

Explore Xref’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

TT Commons

Color palette

#164038#e1ffa0

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.