Utilizing the product layer

Light page on product-specific lockups, contrasting the bolder sub-brand lockup with the safer expanded lockup using Security and Copilot examples in Mona Sans Display Medium.

Stylelight-mode, minimal, swiss, technical

Colorlight, monochrome

Typesans-serif, monospace, display

Moodprofessional, technical, bold

Industryai, developer-tool, security

Tagssub-branding, product-lockup, expanded-lockup, mona-sans-display, security, copilot, navigation

Palette

#FFFFFF

#000000

#2DBA4E

Summary

A page on the product layer of the brand, contrasting the default bolder sub-brand lockup with the safer expanded lockup, demonstrated across Security, Copilot, and other product names.

Visual description

Light background. Top band: "Utilitizing the product layer" heading (as printed) with grey copy and a small navigation-bar mockup showing "GitHub Copilot" with a note that most settings won't need the platform treatment. The lower grey panel is split: a SUB-BRAND LOCKUP column (Invertocat plus "Security" and "Copilot" set in Mona Sans Display Medium) and an EXPANDED LOCKUP column (full "GitHub Copilot", "GitHub Advanced Security", "GitHub Actions", "GitHub Spark", "GitHub Enterprise", "GitHub Issues" lockups), each annotated as the bolder default versus the safest treatment.

Key takeaway

Spelling out the tradeoff between a confident short lockup and a fully explicit one, and naming the exact typeface weight (Mona Sans Display Medium) used in the lockup. The navigation-bar mockup grounds it in product UI.

Reuse notes

Reference for documenting when a product lockup can be short versus when it must spell out the parent brand. The weight callout is a useful production detail.