Preview image. Unlock full-res
A six-panel color-palette reference grid showing hex codes, font contrast info, and color families in a structured data-focused layout.
Summary
A design-system color-palette reference arranged in a 2x3 grid, each panel labeled with hex codes, WCAG contrast rules (AAA, AA), and Modeo font family data.
Visual description
Six solid-color panels arranged in two columns and three rows. Top-left: dark teal (Modeo Grid) with labels. Top-right: light beige (Modeo Beige). Middle-left: vibrant spring green (Modeo Grid) with contrast rules listed. Middle-right: very light mint. Bottom-left: light seafoam with font specs listed. Bottom-right: cream. Each panel bears small monospace text at the top listing the color's name, hex code (e.g., "#053C41"), WCAG rules, and Modeo font variants (Rubik, Light, Web), creating a structured technical specification sheet. The minimalist flat composition uses no shadows or depth.
Key takeaway
Pairing a visual color swatch with adjacent technical metadata (hex, contrast pairs, font families) makes this a reference designers and developers can use without hunting for a separate spec document. The monospace labels keep font information scannable. The layout respects visual hierarchy: color blocks dominate, text stays secondary.
Reuse notes
Perfect for design-system documentation, style-guide exports, or developer handoff. Works in print or digital. The technical labels assume an audience comfortable with hex and WCAG jargon, so reserve it for team/engineer-facing specs, not client-facing decks.
