Use the right mark

LearnWinning is the WMS subbrand for selling AI-related courses. This manual makes the correct identity choice clear across course storefronts, learner products, campaigns, social profiles, and apps.

Website or course pageUse the horizontal flow lockup in navigation and the wordmark where space is limited.
Social profileUse the prepared avatar; it is centered for square and circular crops.
App, favicon, or launcherUse the monogram icon, never the full wordmark.
Partner or production handoffSend the complete pack with this page, not isolated screenshots.

Foundation

The identity turns learning into forward motion: a lighter “learn” moves into confident “winning,” while the lime signal marks progress and AI-enabled possibility.

Brand nameWrite “LearnWinning” in prose. The designed wordmark remains lowercase and unbroken: “learnwinning.”
Primary signalElectric lime is a directional cue, not a decorative fill. Keep it concentrated in the terminal and second-“i” signal.
VoiceClear, practical, capable, and forward-moving. Avoid exaggerated AI claims, hype language, and unverified outcomes.
Parent relationshipIdentify LearnWinning as a WMS subbrand in legal, corporate, or partner contexts; do not force the WMS logo into every customer-facing lockup.

Logo system

The horizontal lockup is preferred. The standalone wordmark keeps the same forward-angled signal without the monogram. Use the monogram when the name cannot remain legible.

Primary flow lockup

Use on website headers, course storefronts, presentations, campaign pages, and partner materials.

Download PNG Wordmark SVG

Reversed flow lockup

Use on near-black photography, dark navigation, video end frames, and dark product surfaces.

Download PNG Wordmark SVG

Standalone wordmark

Use in formal or highly typographic layouts where the monogram is not required. Keep the signal angle unchanged.

Download SVG

Path Monogram

Use for favicons, small interface marks, avatars, course-player launchers, and spaces where the wordmark becomes too small.

Download PNG

One-color wordmark

Reserve for engraving, embossing, one-color printing, or production environments that cannot reproduce lime accurately.

Download SVG Monogram PNG

Website and course pages

Keep the logo calm and functional. Course imagery, titles, pricing, and calls to action should carry the selling work; the mark supplies recognition and trust.

Light navigation

Use the primary flow wordmark or lockup at a rendered height of 28–40px.

Dark navigation

Switch to the reversed asset. Never invert the primary image with a browser filter.

Course storefront hierarchy

Place the lockup in global navigation. Use the monogram sparingly as a course-player or account-level signature. Keep it separate from course thumbnails so individual course artwork can remain expressive.

Use the prepared avatar, not a cropped wordmark. The monogram stays readable in crowded feeds and survives circular platform masks.

Profile imageUse the monogram avatar only. Put the full brand name in the profile name and bio fields.
Social postsUse the wordmark once per composition, preferably in a quiet edge position. Do not repeat it as a pattern.
VideoUse the monogram as a restrained corner signature or the reversed lockup on an end frame. Preserve clear space around both.

App icons and favicons

Use full-square RGB exports for stores and launchers. Apple and Android apply their own masks; never bake rounded corners into the master.

1024px

180px

60px

40px

20px

App Store masterUse `learnwinning-app-icon-1024.png`. It is opaque RGB and already uses the approved safe area.
Android adaptiveUse the separate 432px foreground and background files so the launcher can apply device-specific shaping.
Browser faviconUse 40px, 32px, or 20px monogram exports. Do not use the wordmark below 120px wide.

Color

Near-black and warm off-white create the field. Lime appears as a signal. Keep it concentrated so it remains meaningful.

Brand black
#111111

App dark
#0B0B0B

Warm off-white
#F7F7F2

Signal lime
#8BE600

Typography

Montserrat is intentionally the single brand family. Hierarchy comes from decisive weight contrast, scale, and spacing—not extra typefaces.

AI course description and learning guidance.

Montserrat Regular · 400 · body copy and explanatory text

Module, lesson, pathway, progress.

Montserrat Medium · 500 · navigation, labels, and compact interfaces

Build with AI.

Montserrat ExtraBold · 800 · titles, course launches, and decisive headings

Clear space and sizing

Recognition depends on room. Keep unrelated text, imagery, and controls outside the clear-space zone.

Lockup clear spaceKeep at least half the monogram’s height free on every side. More space is preferred on campaign and presentation covers.
Website minimumUse the wordmark at 120px wide or larger. Use the horizontal lockup at 180px wide or larger.
Monogram safe areaThe prepared app and social files constrain the mark to approximately 72% width and 68% height. Do not recrop them.

Keep recognition intact

Small deviations compound quickly across course launches and channels. Use the supplied exports instead of rebuilding the logo.

Do not stretch

Scale proportionally. Never compress or widen the wordmark to fit a container.

Do not rotate

The lime signal carries motion; the complete wordmark always stays level.

Do not add effects

No glow, bevel, outline, gradient, extrusion, or decorative drop shadow.

Do not move the signal

The lime signal replaces the second “i” dot. It must never sit over an “n” or another letter.

Production downloads

Start with the complete pack for handoffs. Use individual files only when the destination and background are already known.