o1tean brand assets

Use SVG for web and screens, PNG where SVG is not accepted, PDF for print (RGB: convert to the printer's CMYK profile or use the ICC CMYK values in the colour worksheet; Pantone matches are not provided: pick them from a licensed guide and check a physical swatch).
Every logo file already includes its clearspace: place the file as-is and never crop into it.
Clearspace logo: X = ½ x-height = ½ cell width (50 u) on every side. Minimum size: screen: cell ≥ 16 px tall (ink ≥ 68 px wide, file 78 px); print: ink ≥ 25 mm.
Clearspace mark: X = ½ x-height = ½ cell width (50 u) on every side. Minimum size: screen: file ≥ 40 px (below 32 px use favicon.ico); print: ≥ 6 mm.
Clearspace favicon: X = clearspace unit on every side. Minimum size: favicon.ico holds the 16 and 32 px pixel drawings; app icons (48 px and up) come from this tile.
Colours: #07050a, #2b0f3f, #8b5cf6, #d97cff, #ff5fd2, #ffe3f6, #f4ecf8

Files:
  logo/logo/web/o1tean-logo-light-rgb.svg
  logo/logo/web/o1tean-logo-light-rgb-500px.png
  logo/logo/web/o1tean-logo-light-rgb-1000px.png
  logo/logo/web/o1tean-logo-light-rgb-2000px.png
  logo/logo/web/o1tean-logo-light-rgb-4000px.png
  logo/logo/web/o1tean-logo-light-rgb-2000px.jpg
  logo/logo/print/o1tean-logo-light-rgb.pdf
  logo/logo/web/o1tean-logo-dark-rgb.svg
  logo/logo/web/o1tean-logo-dark-rgb-500px.png
  logo/logo/web/o1tean-logo-dark-rgb-1000px.png
  logo/logo/web/o1tean-logo-dark-rgb-2000px.png
  logo/logo/web/o1tean-logo-dark-rgb-4000px.png
  logo/logo/web/o1tean-logo-dark-rgb-2000px.jpg
  logo/logo/print/o1tean-logo-dark-rgb.pdf
  logo/logo/web/o1tean-logo-black-rgb.svg
  logo/logo/web/o1tean-logo-black-rgb-500px.png
  logo/logo/web/o1tean-logo-black-rgb-1000px.png
  logo/logo/web/o1tean-logo-black-rgb-2000px.png
  logo/logo/web/o1tean-logo-black-rgb-4000px.png
  logo/logo/web/o1tean-logo-black-rgb-2000px.jpg
  logo/logo/print/o1tean-logo-black-rgb.pdf
  logo/logo/web/o1tean-logo-white-rgb.svg
  logo/logo/web/o1tean-logo-white-rgb-500px.png
  logo/logo/web/o1tean-logo-white-rgb-1000px.png
  logo/logo/web/o1tean-logo-white-rgb-2000px.png
  logo/logo/web/o1tean-logo-white-rgb-4000px.png
  logo/logo/web/o1tean-logo-white-rgb-2000px.jpg
  logo/logo/print/o1tean-logo-white-rgb.pdf
  logo/logo/web/o1tean-logo-grayscale-rgb.svg
  logo/logo/web/o1tean-logo-grayscale-rgb-500px.png
  logo/logo/web/o1tean-logo-grayscale-rgb-1000px.png
  logo/logo/web/o1tean-logo-grayscale-rgb-2000px.png
  logo/logo/web/o1tean-logo-grayscale-rgb-4000px.png
  logo/logo/web/o1tean-logo-grayscale-rgb-2000px.jpg
  logo/logo/print/o1tean-logo-grayscale-rgb.pdf
  guidelines/o1tean-logo-clearspace.svg
  logo/mark/web/o1tean-mark-light-rgb.svg
  logo/mark/web/o1tean-mark-light-rgb-500px.png
  logo/mark/web/o1tean-mark-light-rgb-1000px.png
  logo/mark/web/o1tean-mark-light-rgb-2000px.png
  logo/mark/web/o1tean-mark-light-rgb-4000px.png
  logo/mark/web/o1tean-mark-light-rgb-2000px.jpg
  logo/mark/print/o1tean-mark-light-rgb.pdf
  logo/mark/web/o1tean-mark-dark-rgb.svg
  logo/mark/web/o1tean-mark-dark-rgb-500px.png
  logo/mark/web/o1tean-mark-dark-rgb-1000px.png
  logo/mark/web/o1tean-mark-dark-rgb-2000px.png
  logo/mark/web/o1tean-mark-dark-rgb-4000px.png
  logo/mark/web/o1tean-mark-dark-rgb-2000px.jpg
  logo/mark/print/o1tean-mark-dark-rgb.pdf
  logo/mark/web/o1tean-mark-black-rgb.svg
  logo/mark/web/o1tean-mark-black-rgb-500px.png
  logo/mark/web/o1tean-mark-black-rgb-1000px.png
  logo/mark/web/o1tean-mark-black-rgb-2000px.png
  logo/mark/web/o1tean-mark-black-rgb-4000px.png
  logo/mark/web/o1tean-mark-black-rgb-2000px.jpg
  logo/mark/print/o1tean-mark-black-rgb.pdf
  logo/mark/web/o1tean-mark-white-rgb.svg
  logo/mark/web/o1tean-mark-white-rgb-500px.png
  logo/mark/web/o1tean-mark-white-rgb-1000px.png
  logo/mark/web/o1tean-mark-white-rgb-2000px.png
  logo/mark/web/o1tean-mark-white-rgb-4000px.png
  logo/mark/web/o1tean-mark-white-rgb-2000px.jpg
  logo/mark/print/o1tean-mark-white-rgb.pdf
  logo/mark/web/o1tean-mark-grayscale-rgb.svg
  logo/mark/web/o1tean-mark-grayscale-rgb-500px.png
  logo/mark/web/o1tean-mark-grayscale-rgb-1000px.png
  logo/mark/web/o1tean-mark-grayscale-rgb-2000px.png
  logo/mark/web/o1tean-mark-grayscale-rgb-4000px.png
  logo/mark/web/o1tean-mark-grayscale-rgb-2000px.jpg
  logo/mark/print/o1tean-mark-grayscale-rgb.pdf
  guidelines/o1tean-mark-clearspace.svg
  digital/social/avatar-400.png
  logo/favicon/web/o1tean-favicon-light-rgb.svg
  logo/favicon/web/o1tean-favicon-light-rgb-500px.png
  logo/favicon/web/o1tean-favicon-light-rgb-1000px.png
  logo/favicon/web/o1tean-favicon-light-rgb-2000px.png
  logo/favicon/web/o1tean-favicon-light-rgb-4000px.png
  logo/favicon/web/o1tean-favicon-light-rgb-2000px.jpg
  logo/favicon/print/o1tean-favicon-light-rgb.pdf
  logo/favicon/web/o1tean-favicon-black-rgb.svg
  logo/favicon/web/o1tean-favicon-black-rgb-500px.png
  logo/favicon/web/o1tean-favicon-black-rgb-1000px.png
  logo/favicon/web/o1tean-favicon-black-rgb-2000px.png
  logo/favicon/web/o1tean-favicon-black-rgb-4000px.png
  logo/favicon/web/o1tean-favicon-black-rgb-2000px.jpg
  logo/favicon/print/o1tean-favicon-black-rgb.pdf
  logo/favicon/web/o1tean-favicon-white-rgb.svg
  logo/favicon/web/o1tean-favicon-white-rgb-500px.png
  logo/favicon/web/o1tean-favicon-white-rgb-1000px.png
  logo/favicon/web/o1tean-favicon-white-rgb-2000px.png
  logo/favicon/web/o1tean-favicon-white-rgb-4000px.png
  logo/favicon/web/o1tean-favicon-white-rgb-2000px.jpg
  logo/favicon/print/o1tean-favicon-white-rgb.pdf
  logo/favicon/web/o1tean-favicon-grayscale-rgb.svg
  logo/favicon/web/o1tean-favicon-grayscale-rgb-500px.png
  logo/favicon/web/o1tean-favicon-grayscale-rgb-1000px.png
  logo/favicon/web/o1tean-favicon-grayscale-rgb-2000px.png
  logo/favicon/web/o1tean-favicon-grayscale-rgb-4000px.png
  logo/favicon/web/o1tean-favicon-grayscale-rgb-2000px.jpg
  logo/favicon/print/o1tean-favicon-grayscale-rgb.pdf
  guidelines/o1tean-favicon-clearspace.svg
  digital/favicon/favicon.svg
  digital/favicon/favicon-16.png
  digital/favicon/favicon-32.png
  digital/favicon/favicon-48.png
  digital/favicon/favicon.ico
  digital/favicon/apple-touch-icon.png
  digital/favicon/icon-192.png
  digital/favicon/icon-512.png
  digital/favicon/icon-maskable-512.png
  digital/app-icon/app-icon-1024.png
  digital/favicon/site.webmanifest
  colour/palette.css
  colour/o1tean-colour-worksheet.html
  colour/o1tean-colour-worksheet.pdf
  digital/brand-tokens.css
  logo/masters/logo.svg
  logo/masters/logo-light.svg
  logo/masters/logo-white.svg
  logo/masters/logo-black.svg
  logo/masters/logo-mono.svg
  logo/masters/mark.svg
  logo/masters/mark-light.svg
  logo/masters/mark-mono.svg
  logo/masters/mark-idle.svg
  logo/masters/metrics.json
  logo/masters/README.md
  guidelines/construction.svg
  guidelines/clearspace.svg
  guidelines/states.svg
  guidelines/components.svg
  guidelines/misuse/dont-01-stretch.svg
  guidelines/misuse/dont-02-off-palette-cell.svg
  guidelines/misuse/dont-03-two-pinks.svg
  guidelines/misuse/dont-04-cell-alone.svg
  guidelines/misuse/dont-05-rotate.svg
  guidelines/misuse/dont-06-effects.svg
  guidelines/misuse/dont-07-typeset.svg
  guidelines/misuse/dont-08-crowd.svg
  guidelines/misuse/dont-09-frozen-oltean.svg
  guidelines/misuse/dont-10-colour-on-paper.svg
  guidelines/misuse/misuse.json
  digital/tokens.css
  digital/social/og-brand-1200x630.png
  digital/social/github-banner-1280x640.png
  motion/renders/o1tean-loader-rule-poster.png
  motion/renders/o1tean-loader-rule.mp4
  motion/renders/o1tean-loader-rule.webm
  motion/renders/o1tean-loader-tick-poster.png
  motion/renders/o1tean-loader-tick.gif
  motion/renders/o1tean-loader-tick.mp4
  motion/renders/o1tean-loop-poster.png
  motion/renders/o1tean-loop.gif
  motion/renders/o1tean-loop.mp4
  motion/renders/o1tean-loop.webm
  motion/renders/o1tean-sting-16x9-hevc.mov
  motion/renders/o1tean-sting-16x9.mp4
  motion/renders/o1tean-sting-16x9.png
  motion/renders/o1tean-sting-16x9.webm
  motion/renders/o1tean-sting-1x1.mp4
  motion/renders/o1tean-sting-1x1.png
  motion/renders/o1tean-sting-9x16.mp4
  motion/renders/o1tean-sting-9x16.png
  motion/renders/o1tean-sting.gif
  motion/web/nav-logo-demo.css
  motion/web/nav-logo-demo.html
  motion/web/nav-logo.css
  motion/web/nav-logo.svg
  motion/web/o1tean-logo-animated.svg
  motion/motion-spec.md
  motion/source/logo-reveal.html
  motion/source/logo-reveal-1x1.html
  motion/source/logo-reveal-9x16.html
  motion/source/loop.html
  motion/source/loader-tick.html
  motion/source/loader-rule.html
  motion/source/motion-kit.js
  motion/source/flap.js
  motion/source/sting.js
  motion/kit/geo.js
  motion/03-master/master.js
o1tean notes
------------
- Colourways: "dark" = the colour logo for dark grounds (blush letters, pink cell). "light" = one colour in void for light grounds (pink is 2.33:1 on paper, so the light logo carries no pink). "white" and "black" are single-colour files.
- Favicons: link only favicon.ico (it holds the 16 and 32 px pixel drawings): <link rel="icon" href="/favicon.ico">. Never scale the vector mark to 32 px or below.
- Tokens: digital/brand-tokens.css is the canonical token file (--o1-* names). colour/palette.css is the export's plain palette (no prefix); prefer brand-tokens.css in code.
- Fonts: HACKED by David Libeau is CC BY: credit it wherever it is used. Hack is MIT + Bitstream Vera. The logo itself is drawn, not set in either font.
- Motion: play the intro once, never with a poster (the poster would show the ending first). Under reduced motion, show the end-frame PNG.
- Guidelines: https://o1tean.com/brand/
