Dome Scale Grid — Fisheye Vocabulary Reference

What it does

• 5×5 dome grid layout — twenty-five cells with the center scaled up and the edges scaled down for a fisheye effect
• Focal-point center cell — the center cell is the largest and most visually weighted, perfect for the headline term
• Tap or hover detail expansion — clicking or hovering any cell reveals the longer definition, example, or pronunciation
• Quick-scan vocabulary tile — each cell shows the term and a short cue at a glance
• Reset and shuffle controls — small buttons let students reset the focus or shuffle the grid for a fresh drill
• Mobile reflow — on small screens the grid scales down gracefully so each cell remains tappable

Best use cases

• Language learning — vocabulary sets, verb conjugation tables, common phrases
• Medical and anatomy education — body parts, drug names, terminology drills
• Music education — chord names, scale degrees, key signatures
• Finance and business — accounting terms, KPIs, market indicators
• Academic study aids — historical figures, periodic table elements, literary devices

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — slots for page background, grid cell surface, center-cell accent, term text, and detail-popup background; tune for any subject world (medical, music, language, finance)
• Fonts — a display font for the terms in the grid and an easy-to-read body font for the expanded details and any pronunciation guides
• Copy — twenty-five short terms with their cues, plus the longer detail text (definition, example, pronunciation) for each cell
• Images — optional small icons or flag/symbol marks per cell, and any imagery shown inside the expanded detail popup
• Behavior — choose hover vs. tap to expand, whether shuffle is enabled, and whether the focal center can change as students click around the grid