
Preview image. Unlock full-res
Gallery Grid Aesthetics
B—Line's visual system evokes a gallery of industrial design: a pristine white canvas showcases product photography and minimal UI elements. Black typography provides high contrast and a grounding presence. The density is compact, making efficient use of space to present a catalog of items with subtle interactive cues and minimal ornamentation. The entire aesthetic is about the product being the star, supported by an understated display system. Prioritize Canvas White (#ffffff) for all large background and surface areas, creating a clean, almost exhibition-like feel. Use Ink Black (#000000) for all primary text, headings, and crucial interactive elements to ensure maximum contrast and legibility. Employ HELVMONO font at weight 400 for all UI text, reinforcing the precise, industrial aesthetic of the brand. Maintain a compact density, using 5px as the default elementGap and 4px for cardPadding to maximize product visibility. Utilize a 0px border-radius for all cards and product containers to maintain a sharp, photographic presentation. When borders are present, use 1px solid Ink Black (#000000) for a crisp, defined line. Apply Vivid Orange (#e73b1d) sparingly for decorative accents or secondary highlights, never for primary interactive elements. Avoid using multiple font families or excessive font weights; stick to HELVMONO 400 and helvetica-bold 400 for consistency. Do not introduce complex shadows or gradients; rely on flat surfaces, high contrast, and photographic content for visual interest. Refrain from using heavily saturated colors for backgrounds or large UI areas; the canvas should remain neutral. Do not deviate from the compact spacing values; avoid expansive padding or large element gaps that would reduce content density. Avoid decorative iconography; the visual system is focused on product display and simple typographic elements. Do not use heavily rounded corners on cards or major content blocks; maintain a sharp, almost technical edge (0px radius). Avoid custom button styles beyond ghost or outlined; do not introduce filled buttons with accent colors as primary actions.









