Pinterest

Pinterest's design aesthetic is that of a bustling creative workshop — a bright, expansive canvas where visual ideas are quickly surfaced and organized. Large, clean typography draws immediate attention, feeling both direct and friendly, while a vibrant signature red provides energetic points of interaction. Subtle, rounded cornering across all interactive elements, paired with ample whitespace, cultivates an approachable and clear interface that supports rapid content browsing and discovery. Prioritize Pin Sans throughout all UI elements, using its negative letter-spacing for a consistent, modern feel. Use Pinterest Red (#e60023) exclusively for primary calls-to-action and strong brand emphasis. Apply a 16px border-radius to all primary interactive elements like buttons and input fields. Maintain a clear visual hierarchy with Canvas White (#ffffff) as the dominant background and Graphite (#211922) as the primary text color. Employ the 4px base unit for all spacing decisions, translating to common increments like 4px, 8px, 16px, and 24px and section gaps up to 80px. Ensure headings utilize Idea Violet (#9270d7) or Jet Black (#000000) with generous spacing to command attention. Avoid using highly saturated colors for large background areas; reserve vibrancy for accents and interactive elements. Do not introduce new typefaces; Pin Sans must be the only font family in use. Refrain from using hard, sharp corners; all interactive and card-like elements should embrace rounded corners, with 16px being common for buttons/inputs. Do not use shadows for elevation. Depth in the UI is created through changes in background color and generous spacing. Avoid decorative gradients; rely on solid colors and imagery for visual richness. Do not use default browser link colors (e.g., blue #0000ee); all links should be styled with Discovery Blue (#2b48d4), Graphite (#211922), or Jet Black (#000000).