Preview image. Unlock full-res
An icon construction sheet showing a lime-green house glyph centered on a pixel grid with nested oval keyline guides and a 24px size annotation, on dark green.
Summary
An icon construction sheet: a flat lime-green house glyph sits centered on a fine pixel grid with nested oval keyline guides, captioned "24px" to specify its target size, all on a dark green field.
Visual description
A dark desaturated-green background holds a square pixel grid in the center, drawn in faint hairlines. Two concentric ovals in muted grey-green sit inside the grid as keyline guides, and thin lime crosshairs mark the horizontal and vertical center axes. Centered on the axes is the icon itself: a simple house or birdhouse silhouette in bright lime-green, a pentagon roofline over a square body, with a small dark vertical-oval cutout punched in the middle as a door or entry hole. Below the grid, a thin centered measurement line is interrupted by the label "24px" in small white sans-serif, framing the whole thing as a sizing specification rather than a finished asset.
Key takeaway
The presentation move: show an icon on its construction grid with keyline ovals and crosshairs to communicate that it belongs to a measured, consistent system rather than being drawn ad hoc. A single bright accent glyph over a tonal dark base makes the spec sheet itself look like brand artwork. Punching negative space (the oval door) into a solid silhouette keeps a small icon legible at 24px.
Reuse notes
Use this format for design-system or brand-guideline pages documenting an icon set, app-icon construction, or grid and keyline rules. The dark-ground-plus-neon-glyph styling reads as a developer-tool or proptech aesthetic; the same layout works on light backgrounds for a more neutral guideline. Pair with companion sheets showing clear space, color variants, and the icon at multiple sizes.
