
Preview image. Unlock full-res
Retro Pixelated Arcade
Franky's employs an 8-bit arcade aesthetic, reminiscent of retro computing interfaces and early video games. The UI features a dominant dark mode with soft, paper-like neutral surfaces and vibrant, purposeful chromatic accents. A distinct pixelated font defines all typography, reinforcing a digital-native, nostalgic feel. Elements are framed with thin, sometimes dashed borders, and rounded corners provide a subtle organic counterpoint to the pixel grid. Retain the dominant dark theme foregrounded by Paper Canvas (#f3e5df) elements and Midnight Screen (#000000) text for content. Utilize the Arcade font exclusively for all text elements to maintain the pixelated retro aesthetic. Frame all interactive and content containers with a 1px solid Off-White Border (#e5e7eb) to define UI boundaries. Apply a 12px border-radius to all card-like components and a 6px border-radius to smaller interactive elements like buttons. Employ Action Green (#128e44) solely for primary call-to-action buttons like 'Add to Cart'. Use Marigold Gold (#faa21f) as a vibrant, distinct accent for top-level promotions or specific highlight features. Maintain a compact density for elements, primarily using 4px and 12px for padding and gaps, reserving larger values for section separation. Avoid using bright white backgrounds; always use Paper Canvas (#f3e5df) for lighter surfaces to maintain the aged paper aesthetic. Do not introduce any additional font families or weights beyond the defined Arcade font to preserve the distinctive typography. Refrain from using strong, modern drop shadows; prioritize the subtle inset button shadow rgb(243, 229, 223) 0px 1px 0px 0px or flat designs. Do not deviate from the specified border-radius values (12px for cards, 6px for buttons) as they contribute to the system's character. Never use Action Green (#128e44) for decorative purposes or secondary text; it is strictly reserved for primary actions. Avoid introducing new primary accent colors; limit the palette to the defined Marigold Gold (#faa21f) and Action Green (#128e44). Do not add gradients arbitrarily; use them sparingly and only with the defined color combinations and directions where appropriate for decorative elements.









