Linktr

Linktree presents a playful, high-energy digital identity built on vibrant, contrasting color blocks and rounded, organic shapes. The design emphasizes clear calls to action and distinct content zones through a dynamic interplay of saturated hues. Typography is primarily functional, leaning into a friendly, approachable tone with varying weights and subtle tracking adjustments to maintain a conversational cadence. Components are often expressed with maximal border-radii, contributing to an overall soft, engaging user experience. Prioritize Chartreuse Pop (#d2e823) for all primary calls to action, ensuring it is the brightest element on the screen. Utilize 99px border-radius generously for all buttons and rounded interactive elements, for a soft, friendly feel. Employ the full spectrum of brand colors (Hydrangea Blue, Dahlia Purple, Currant Red, etc.) for distinct section backgrounds and decorative panels. Maintain high visual contrast for text elements, preferring Graphite (#1e2330) on light backgrounds and White (#ffffff) on saturated or dark backgrounds. Apply Linksans Linksansvf or Linksans for all headings and key UI text, adjusting letter-spacing according to the type scale for subtle refinement. Use Marble (#f3f3f1) as the default page canvas, creating a consistent light foundation. Structure layouts with a 1504px max-width, centering content horizontally for coherence. Avoid using flat, desaturated background colors for major sections; Linktree's identity relies on vibrant, distinct color blocks. Do not use sharp 0px corners for interactive elements or containers; leverage the specified border radii to maintain the organic, friendly aesthetic. Refrain from introducing system default shadows; Linktree uses tinted backgrounds and color blocks to create visual depth instead of drop shadows. Do not rely solely on neutral colors for visual hierarchy; use brand colors as primary indicators for interaction and distinction. Do not use generic, default system fonts for headings or prominent text; always use Linksans or Linksans Linksansvf to uphold brand typography. Avoid tight element spacing; ensure at least 10px element gaps and 16px card padding for a comfortable density. Do not apply excessive letter spacing to body text; maintain normal tracking for readability, using negative tracking points only for display headings.