Figma

The interface operates as a strict, high-contrast structural container that entirely defers visual dominance to user-generated content. A stark #000000 on #ffffff palette forms the baseline, eschewing subtle grays in favor of absolute maximum contrast for primary boundaries and text. Typographic hierarchy relies almost purely on size and aggressive negative tracking rather than color variation, turning large text strings into dense graphical blocks. The border-radius logic enforces a severe dichotomy: 50px extreme pills for global navigation elements clashing intentionally against completely sharp 0px corners on content containers. Enforce absolute #000000 for primary typography matrices—rely on weight and harsh negative tracking (-1.44px at display sizes) for hierarchy instead of greys. Pair the 50px pill paradigm explicitly and exclusively with global navbar / page-level navigation elements. Maintain raw 0px corners on community and gallery containers to strip away UI artifacts from structural content layouts. Use #4d49fc strictly as an inner-panel interruptive signal, never for global headers or marketing backgrounds. Limit drop shadows strictly to workspace/prompt panels that float structurally above the canvas; do not apply baseline shadows to grid items. Do not dilute body content with #595959 text; force high contrast #000000 on #ffffff for all core structural strings. Do not mix button border geometries—never use an 8px radius in the header, and never use 50px pills within an elevated prompt panel. Do not frame or stroke image artwork thumbnails; let the unstyled edge define the visual rectangle inside the card space. Never apply hover elevation—use pure background-color offsets or opacity changes, reserving box-shadow for persistent Z-index tiers. Avoid decorative colored blocks in the UI system—constrain #24cb71, #00b6ff, #ff7237 exclusively to actual artwork or avatar renders.