mire·studio

Mire·studio employs a maximalist collage aesthetic, characterized by an energetic juxtaposition of vibrant, saturated color blocks and large, rounded shapes that often overlap. Typography is compact and precise, providing clear information within dense, visually rich compositions. The system thrives on a dark canvas, utilizing a broad spectrum of chromatic colors for surface distinction and graphic impact rather than a functional accent. Components are organic and soft, with generous radii that contrast against the sharp angles of the overall layout, creating a playful yet organized feel. Prioritize a dark canvas using Midnight Ink (#4b4b4b) for backgrounds, with Pale Mist (#ffffff) for primary text. Utilize the full spectrum of vivid brand colors for large background blocks and cards, allowing for strong visual contrast and graphic expression. Employ PP Pangram Sans Rounded for all text, with a regular weight (400) for body and 600 for emphasis. Apply a 25px border-radius consistently to all interactive elements, cards, and prominent imagery for a soft, rounded aesthetic. Maintain a compact layout density, with a max-width of 570px to keep focus on detailed content within creative compositions. Use a default element gap of 5px and section gap of 25px to create tightly arranged yet distinct visual blocks. Design interactive buttons with a Pale Mist (#ffffff) background, Midnight Ink (#4b4b4b) text, 25px corner radius, and the specific rgba(84, 84, 84, 0.23) 0px 0px 20px 0px shadow. Avoid using light backgrounds. The design system is built for a predominantly dark theme. Do not introduce sharp corners or small radii; the roundedness (20px or 25px) is a core aspect of the visual identity. Do not use subtle, muted color palettes for primary content blocks; embrace vivid and saturated hues for visual impact. Avoid large amounts of white space or expansive, open layouts; the system favors compact, dense visual compositions. Do not use generic sans-serif fonts; the unique rounded character of PP Pangram Sans Rounded is essential to the brand. Do not neglect the subtle shadow on interactive elements; it provides depth and an intentional softness. Avoid applying borders or padding to content cards; their role is to be solid, colorful blocks.