Brand system

Logo System

Current source assets:

Assets

Current source assets:

assets/logos/into-wordmark-current.svg - canonical current-color copy.
assets/logos/into-wordmark-black.svg - canonical black copy.
assets/logos/into-wordmark-white.svg - canonical white copy.
assets/logos/into-mark-current.svg - canonical current-color square mark.
assets/logos/into-mark-black.svg - canonical black square mark export for external <img> use.
assets/logos/into-mark-white.svg - canonical light square mark export for dark-surface <img> use.
assets/favicon.svg - canonical favicon source derived from the square mark. Use this or an exported PNG/ICO from this exact mark.

Usage

Use the full wordmark when the viewer needs brand recognition: proposal covers, deck title slides, newsletter headers, LinkedIn banners, website footers, and document title pages.

Use the square mark when the brand is already established or the surface is space-constrained: slide footers, social avatars, video corner marks, favicon, compact document headers, and the business-card reverse side.

Choose one identity asset per surface. Do not place the square mark beside the wordmark as a lockup. Shared document topbars use the wordmark; compact footers, favicons, avatars, and constrained identity slots may use the square mark instead.

The square mark is also a brand code. Treat it as compact identity, not as a pattern, badge, watermark, or decorative container.

Favicon Rule

Favicons are identity assets, not icon-library assets.

Use the square mark, preferably assets/favicon.svg.
For Vite/browser app starters, place the same square-mark SVG in public/ and link it with <link rel="icon" type="image/svg+xml" href="/favicon.svg">.
Use PNG or ICO exports only when a platform requires them, and export from the square mark.
Never use the wordmark, Lucide icons, app-feature icons, emoji, generated symbols, or a petrol-filled square as the favicon.

Clear Space

Define clear space from the dot height in the wordmark.

Minimum clear space around full wordmark: 1x dot height.
Preferred clear space: 2x dot height.
Minimum distance from page edge: never less than the document margin.

Minimum Sizes

Full wordmark digital: 96px wide minimum.
Full wordmark print: 28mm wide minimum.
Square mark digital: 24px minimum, 32px preferred.
Square mark print: 8mm minimum.

Color

Warm Light: use --into-text-primary on light surfaces.
Blueprint Dark: use --into-text-primary or the white SVG on dark surfaces.
SVG logo and mark files use fill="currentColor". White/dark-surface exports set the SVG root color to the light Blueprint text value so external <img> usage still renders light.
Over imagery: use the version with the clearest contrast; add no outline, glow, or shadow.

Do not recolor the wordmark or square mark with petrol unless explicitly approved for a campaign system. The logo is identity, not an accent object.

Incorrect Use

Do not stretch.
Do not rotate.
Do not place inside a decorative container.
Do not add drop shadow.
Do not add outline, glow, stroke, or highlight effects.
Do not use as a pattern.
Do not replace the wordmark with typed text unless a platform blocks SVG.
Do not place the square mark next to the wordmark in navigation, headers, covers, or footers.
Do not use the mark as a decorative bullet, badge, sticker, watermark, or repeated texture.