Preview image. Unlock full-res
A design system card showing the 'Moon' color swatch labeled 029, with a bright yellow accent square and muted green grid background.
Summary
A design system documentation card displaying the "Moon" color swatch (labeled 029) with a bright yellow accent icon, overlaid on a muted green grid background and paired with a corrugated texture panel.
Visual description
A structured layout with a dark green grid background filling most of the frame. In the center-left, a clean white card features a bright yellow square in the top-left corner containing a small icon, followed by the word "Moon" in sans-serif and the number "029" below. The right side shows vertical ridged texture in grays and whites, suggesting a material or architectural reference. The overall color palette is restrained with greens, warm whites, and a pop of yellow.
Key takeaway
A well-structured, modular design system card that balances information hierarchy with visual interest through color blocking and textural contrast—a reusable template approach for brand documentation.
Reuse notes
Excellent reference for creating cohesive design system documentation, especially for fintech or corporate brands that need to show color palettes, typography, and interactive elements in a clean, grid-based layout.
