The mark and wordmark are a working placeholder. Everything else here — palette, type, voice, product patterns — is the system the website and app are built on, and is meant to outlive the logo.
An opening and a closing quote, rotated 180° from each other, holding two lines of text. The quotes are the string as it exists in your code; the ragged second line is the same string in another language.
Primary lockup. Mark height = cap height × 1.5.
Stacked. Flush left, never centred.
On dark. The gradient tile stays; only the wordmark inverts.
App icon at 56 / 32 / 20 px. Below 20px, drop the text lines and keep the quote pair.
Violet carries every primary action. Cyan only ever appears as the far end of a gradient or as a variant marker. Amber is a warning, never decoration.
“A custom project is a copy of your default. Cells you don't override fall back to it.”
Explain the behaviour, not the benefit. The reader is an engineer.
“Unlock seamless global growth with AI-powered localization.”
No unlocking, no seamless, no journeys. Nothing is powered by anything.
“Deprecated. Removed from every export. History kept — restore anytime.”
State, consequence, escape hatch. In that order.
“Connect locoloop to GitHub.”
The name is lowercase everywhere, including sentence-start. Never LocoLoop, never all-caps.
Violet tint. Set explicitly in this variant.
Grey italic. Reads through to the default, live.
Dot marker. Never counted as done until reviewed.
Amber. The source changed after this value was set.
Em dash, muted. Empty is empty; never a zero or a placeholder.
The positioning line. Use it on the gradient panel, in the pitch deck, and nowhere else — it is not a tagline for the logo lockup.