Skip to content

IYU Labs / Design / 01

One mark. A clear identity.

The balanced I1 monogram is the approved IYU Labs symbol. Its open U, dot and flowing strokes belong to the artwork. Keep them intact.

The approved mark

Use the original vector paths. Apply one flat color and scale uniformly.

Size it for the setting

24px is the minimum normal height. The favicon is a compact exception. Every example uses the same geometry.

24px
32px
40px
64px
96px

Give the mark room

547 : 831

Preserve the master aspect ratio. Allow at least 11.3% of the mark’s height as clear space on every side, approximately one upright stroke.

Keep the mark upright. Do not stretch, rotate, outline, crop or add effects to the symbol.

The studio lockup

The symbol supplies the IYU lettering. The companion LABS is live text in Manrope. Its accessible name is IYU Labs.

IYU Labs

The SVG downloads contain the symbol. The horizontal lockup is the shared Logo component; it keeps text readable and avoids announcing the name twice.

The identity in use

The website lockup and the actual social card use the same approved symbol. Check these practical contexts alongside the isolated artwork.

IYU LabsWebsite header
Download the social card

The generic card is a 1200 by 630 PNG. Project pages have their own cards. The browser favicon and the 180px Apple icon use the approved mark. Social titles, image dimensions and alt text are rendered in the page HTML.

Keep the identity legible in wide and square previews. Services choose their own crops and caches, so an exported image cannot guarantee an identical preview in every app.

The mark stays still

The decorative rings sit outside the symbol’s clear space. Keep their full circular bounds visible and the approved mark upright. Home and About use this same component.

The entrance settles into continuous idle rotation. Reduced motion leaves a complete still composition. There is no orbit play/pause button.

Explore the shared ring settings
import { BrandOrbit } from '@/components/brand/BrandOrbit'

<BrandOrbit />