A premium, organized gallery for design professionals.
02
Color
#141414Ink
#707070Ink soft
#FFFFFFBG
#F5F5F5BG soft
#ADADADMuted
rgba(64, 64, 64, 0.08)Line
Monochromatic and minimal, using high-contrast black and white with subtle grays to let the colorful content screenshots stand out.
03
Typography
grotesque-sans
display80px · 652
heading56px · 652
subheading32px · 456
body16px · 400
Headlines use tight line-height (1.0) and negative letter-spacing · Body text uses a relaxed line-height (1.5) for readability · Weights are primarily 400 for body and 600-650 for emphasis
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Consistent 4px base with 16px and 24px standard gutters.
Captured from the live site · real computed styles
11
System prompt
Mobbin is a premium design reference tool for mobile and web UI. The design DNA is clean, monochromatic, and content-focused, using a strict black (#141414) and white (#FFFFFF) palette with subtle grays (#707070, #ADADAD) to let screenshots take center stage. Typography uses a clean grotesque-sans category with very bold, tight headlines and generous body text. Critical donts include: never use vibrant UI colors, never use serif fonts for headlines, and never crowd the layout with excessive elements. The layout follows a centered hero-to-grid pattern with generous white space and consistent 4px-based spacing.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.