Styles LibraryDesign references, decoded.
Nucleo blog
ChatGPT · Claude · Cursor
Bring this design into your next project.
Use Nucleo blog as a reference. Copy the prompt, then paste it into your connected AI chat.
What to explore
Study the reading and discovery experience: article hierarchy, topic navigation, featured stories, and the spacing that makes content easy to scan.
Make it useful for your project
Open the full screenshot to follow the page from top to bottom. Save it to your collection, download its reference brief, or use it with your AI to compare ideas and plan an original layout.
This is an archived screenshot. The current website may differ; use Visit site to see it today.
Typography
Inter
Color palette
#1b2023#7341f1
More websites to explore
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.