KidSuper World

This design system is a raw, unpolished canvas, evoking a digital sketchbook or an artist's personal journal. The dominant white background with faint, hand-drawn lines gives the impression of a work in progress, while the splash of watercolor-like imagery introduces an organic, illustrative brand core. Typography, primarily a monospaced font, grounds the ethereal visuals with a utilitarian, almost code-like precision, creating a tension between artistic freedom and structured communication. Maintain a canvas-like background using Canvas White (#ffffff) as the primary page background. Utilize Ink Black (#000000) for all text elements to ensure high contrast and a consistent graphic tone. Apply 'Abc Diatype Mono' typeface for all general text, navigation, and interactive labels to maintain a raw, utilitarian aesthetic. Reserve 'Neue Haas Grotesk Display' weight 800 at 60px for prominent headlines to create striking visual focal points. Implement consistent internal padding of 1px vertical and 6px horizontal for interactive buttons. Use a 1px Ink Black border for interactive ghost buttons with 0px border-radius, maintaining sharp edges and a minimalist interactive style. Avoid using any colored backgrounds; the Canvas White (#ffffff) is fundamental to the brand's aesthetic. Do not introduce rounded corners or border-radius values other than 0px; sharp angles are consistent with the graphic style. Refrain from using shadows or elevation effects; the design relies on flat, illustrative layering. Do not introduce additional font families or weights beyond those specified; typography is highly constrained for character. Avoid decorative elements that deviate from the hand-drawn, illustrative quality; maintain the digital sketchbook visual metaphor. Do not vary from the minimal border-only style for buttons; filled or heavily styled buttons would disrupt the subtle interactivity.