TinyFaces NFT

The TinyFaces NFT design system presents a playful, yet grounded aesthetic, blending softly muted pastels with strong, grounded typography. Its visual identity revolves around distinctive 3D character illustrations. The UI, while text-dominant, uses color sparingly for section distinction and branding, creating a sense of collectible rarity and nostalgic charm. Use Migra (500) for all main headings to assert brand identity, prioritizing its unique character over conventional readability for large text. Apply Deep Ocean (#142855) as a background for high-impact hero sections to ground the whimsical 3D art. Container components such as cards should consistently use a 10px border-radius, maintaining a soft visual system. Utilize Coral Charm (#ed4a29) exclusively for interactive elements like links and active states where a clear, vibrant accent is needed. Maintain a clear visual hierarchy by limiting saturated colors to accents and content distinctions, keeping the main UI in neutrals and pastels. Implement the Inter font family with 0.0790em letter-spacing for all body and UI text, contributing to an open and spacious textual presentation. Ensure buttons adhere to a 23px border-radius when filled and 22px when ghosted, creating a consistent pill-shaped aesthetic. Do not use saturated colors for large background areas unless it is a specific accent card background from the defined pastel palette. Avoid applying heavy shadows or complex gradients; the system relies on flat surfaces and minimal depth. Do not vary border-radius arbitrarily; stick to 10px for cards and 23px or 22px for buttons to maintain shape consistency. Avoid using more than one brand accent color (Coral Charm) for interactive states on a single screen to prevent visual clutter. Do not use system fonts other than Arial (13px) for specific functional text; Inter or Migra should cover the primary typographic needs. Do not clutter layouts; aim for a compact density with 8px element gaps and 64px section gaps, allowing content and characters to breathe. Do not introduce strong, contrasting borders on elements unless it is specifically part of a defined component variant.