A place to watch
The softly rectangular outline recalls a modern screen. No antennas, pedestal, or retro hardware.
Selected symbol / 30 August 2026
A story without
an end.
A soft screen. A continuous ribbon. Meet the mark that brings endless viewing and shared possibility into one simple shape.
Symbol selected
The product is Loopr, at loopr.fun. Write the name as “Loopr” in prose and use the outlined lowercase “loopr” wordmark in logos. Soft Loop remains the name of the symbol.
01 / Symbol guidelines
One shape. Three associations.
The television and the loop share a silhouette. Nothing is placed inside a separate badge, and nothing extra is needed to explain it.
Always another moment
The ribbon joins opposite edges to suggest continuity and infinity without a separate ∞ glyph.
A more human signal
Rounded corners and open counters keep the mark calm and approachable beside a busy live conversation.
02 / Symbol guidelines
Give the loop room.
Use the supplied filled vector. Preserve both open spaces, the diagonal sweep, and the rounded screen. Do not rebuild it from strokes or a standard infinity icon.
Clear space
Leave at least one quarter of the symbol height on every side. At a 32 px symbol height, that means 8 px of space. Keep text, icons, crops, and container edges outside this area.
Proportions
The master is 256 × 168 units (32:21). Resize uniformly. The SVG canvas is tight to the artwork; its placement must supply the clear space.
Orientation
Always horizontal, with the ribbon flowing from upper left to lower right. Do not rotate, mirror, or isolate the ribbon.
03 / Symbol guidelines
Warm signal. Quiet canvas.
Three approved flat fills. Signal orange is the primary mark; graphite and white provide the single-color alternatives. All exports have transparent counters.
Signal orange
#FF7849 RGB 255 / 120 / 73Our primary expression. Use on graphite and other approved dark surfaces.
Download SVG
Graphite
#0E0E10 RGB 14 / 14 / 16For light backgrounds, documents, and single-color printing.
Download SVG
White
#FFFFFF RGB 255 / 255 / 255The reversed mark. Use when orange is unavailable or competes with content.
Download SVG
Keep logo fills exact: hover-orange is for controls, not the mark. For print, convert from these sRGB masters with your printer’s output profile and approve a physical proof; no spot color is specified.
04 / Symbol guidelines
Small enough to belong.
Measure the visible symbol, not its surrounding canvas. The regular minimum is 24 px high on screen and 6 mm high in print. Use SVG whenever possible.
A deliberate favicon exception
The supplied browser icon uses tighter padding on a graphite tile at 16, 32, and 48 px. Use only that export below the regular minimum. The app/avatar asset uses full clear space; do not shrink its padding yourself.
05 / Symbol guidelines
Let the content lead.
Use one symbol per surface. The app header is the primary placement; documentation and the footer can repeat it when separated by a full page of content.
DiscoverThe story
APPLICATION / HEADERThe next moment
The next moment
belongs to everyone.
46 px wide · approximately 30 px high
64 × 48 px home-link target
The Loopr wordmark
Use the supplied lowercase vector master, never retype or stretch it. Preserve its spacing and round counters. Use the full lockup at 120 px wide or above; keep the symbol alone for favicons and compact placements.
Backgrounds
Prefer orange on graphite, graphite on white or orange, and white on graphite. Over video or photography, place the mark on a solid graphite backing with clear space. Never float it across busy footage.
Accessible home links
Use “Loopr — Back to the stream” as the link’s accessible name. Hide the decorative SVG from screen readers. Preserve a visible keyboard focus ring and a target of at least 44 × 44 px.
06 / Symbol guidelines
Keep its character intact.
The mark is a fixed shape, not a container for effects. These examples show treatments to avoid.
Do not stretch
Keep the 32:21 proportions.
Do not rotate
Keep the horizontal orientation.
Do not outline
Use the solid master, not a stroke.
Do not recolor
No competitor purple or neon green.
Do not fade
Keep a clear, full-opacity silhouette.
Do not crowd
Respect the protected clear space.
Also avoid gradients, shadows, bevels, mascots, added antennas, a play triangle, or a chat tail. Do not spin or pulse the mark, or use it as a loading indicator; motion treatments need separate approval.
07 / Symbol guidelines
Ready for the next screen.
The production kit uses one shared vector path for every variant. Download the masters, not screenshots of this guide or the original concept board.
Loopr text logoOriginal lowercase wordmark · outlined vector · no font dependencySVG Loopr symbol + wordmarkPrimary orange lockup · graphite and white masters also availableSVG Social sharing card1200 × 630 px · graphite and orangePNG Complete symbol kitSVG masters · transparent PNGs · app icons · favicon · specificationsZIP Archived symbol guidelines30 August 2026 · Predates the Loopr name; this page supersedes its naming guidancePDF The wider design systemColors, type, components, layout, voice, and accessibilityOpen
Selected on 30 August 2026 · Master v1.0. Loopr name selected on 31 August 2026. These assets do not establish trademark clearance. Original concepts remain archived; this kit is the implementation source.