CURATED · OPEN · FREE

Godly

A minimal, high-end curation gallery designed to showcase web design inspiration.

01

Identity DNA

A pristine, expansive gallery space where the artwork is the only thing that matters.

02

Color

Strict monochromatic palette that acts as a neutral frame for the diverse colors of the curated content.

03

Typography

humanist-sans

• display56px · 500
• h232px · 500
• body16px · 400
• caption14px · 400

All text uses Inter font-family with slight negative letter-spacing. · Headlines use font-weight 500 for a semi-bold appearance. · Body text maintains a relaxed 1.5 line height for readability.

04

Spacing

Generous white space and consistent padding create a clean, breathable rhythm.

05

Surfaces

1px solid rgba(0, 0, 0, 0.05)

0px 10px 15px -3px rgba(0, 0, 0, 0.1) · 0px 4px 6px -4px rgba(0, 0, 0, 0.1)

06

Layout

A central, single-column layout for the hero section, transitioning into a dense, symmetrical masonry grid of content cards.

07

Motion & Interaction

Subtle opacity fades on hover · Smooth background-color transitions for interactive elements · Subtle scale transforms on buttons and cards

Subtle changes in opacity or background-color with a 150ms transition. · Immediate visual feedback with a slight scale transform.

08

Components

• button Pill-shaped buttons with solid black backgrounds for primary actions, and subtle, borderless styles for secondary actions.
• card Clean, borderless rectangular cards that prioritize large visual thumbnails with minimal text.
• chip Small, pill-shaped text indicators used for navigation or metadata.
• input Minimal, borderless input fields that blend into the background.
• hero A massive, vertically-centered headline with a lightning bolt icon, accompanied by large, prominent pill-shaped call-to-action buttons.

09

Voice & Don'ts

• Tone Confident, concise, and aspirational.
• Headlines Short, punchy, and highly legible statements that emphasize quality and inspiration.
• CTAs Direct and action-oriented, using simple verbs and symbols like 'Subscribe +'.

• Don't use drop shadows on cards — screenshot shows completely flat, borderless image cards.
• Don't use serif fonts for headlines — screenshot shows a clean, humanist sans-serif throughout.
• Don't use a complex, multi-color UI chrome — screenshot shows a strictly monochromatic black and white interface.
• Don't use sharp, 90-degree corners on primary buttons — screenshot shows fully rounded, pill-shaped buttons.
• Don't use excessive body padding or tight line spacing — screenshot shows generous white space and a relaxed 1.5 line height.
• Don't use flashy gradients or decorative backgrounds — screenshot shows a solid white background that lets the content breathe.
• Avoid: Excessive exclamation points
• Avoid: Complex technical jargon
• Avoid: Long, dense paragraphs in primary areas

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

en · zh-CN · zh-TW · ja · ko