Brand guidelines

The primary identifier: the mark in white over the gradient. It is composed in After Effects the way it is described here — a Gradient comp underneath, the mark on top with a soft teal glow — and published in two crops.最も基本となる識別子。グラデーションの上に白いマークを重ねたもので、After Effects 上でもこの説明どおりに構成されています — 下に Gradient コンポ、その上にマークとやわらかいティール色のグロー。2 種類のトリミングで公開しています。

Icon2048 × 2048 · rendered from the Icon compIcon コンポからレンダリングPNGJPGWebPCircular PNG円形 PNG

Use the circular crop by default and the square tile where the platform applies its own shape. Both crops are cut from the same master, so the gradient matches between them.基本は円形を使い、プラットフォーム側で形が決まる場合は正方形を使います。どちらも同じマスターから切り出しているため、グラデーションは一致します。

The background on its own. It is portrait 05 blurred until only its colour remains, then pushed through curl noise. Use it behind the white mark or wordmark on covers, headers and backgrounds.背景単体。ポートレート 05 を色だけが残るまでぼかし、カールノイズを通したものです。カバーやヘッダー、背景で、白いマークやワードマークの下に敷いて使います。

The bare cml. mark, from vector, in white or ink. For embroidery, single-colour print, or wherever the gradient cannot be carried.ベクターの cml. マーク単体。白またはインク色。刺繍や単色印刷など、グラデーションを再現できない場面で使います。

White白#ffffff on inkインク上SVGPNG

Inkインク#1d3744 · transparent透過PNG

cumuloworks set in the mark's lettering. Always lowercase; never re-set in another typeface.マークと同じレタリングで組んだ cumuloworks。常に小文字で、別の書体で組み直してはいけません。

White白#ffffff on inkインク上SVGPNG

Inkインク#1d3744 · transparent透過PNG

The gradient runs from teal through a pale highlight into periwinkle; the four stops below are its reference values. The flat palette is what interfaces and documents are built on. Click a swatch to copy the hex.グラデーションはティールから淡いハイライトを経てペリウィンクルへ。下の 4 色がその基準値です。フラットなパレットはインターフェースやドキュメントの基調色。スウォッチをクリックすると hex をコピーできます。

Two faces: the lettering of the mark and wordmark, which exists only as outlines, and LINE Seed JP for everything set as text.書体は 2 つ。アウトラインとしてのみ存在するマーク／ワードマークのレタリングと、テキストとして組むすべてに使う LINE Seed JP です。

Mark & wordmark letteringマーク・ワードマークのレタリングGeometric, outlined in the SVGs — not served as a font. Never re-set the name in another face and call it the wordmark.ジオメトリックな造形で、SVG にアウトラインとして収録。フォントとしては提供しません。別の書体で名前を組んでワードマークと呼ばないでください。

LINE Seed JPText and interfaces, Latin and Japanese. Regular 400 and Bold 700, served from Google Fonts.テキストとインターフェース、欧文と和文。Regular 400 と Bold 700 を Google Fonts から配信。

Motion design, CG & software — モーションデザイン・3DCG

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 あいうえお 雲・空・光

The mark drawing itself in over the moving gradient, 4.7 seconds, rendered from the Animated Icon comp. Every file below is derived from that one render.動くグラデーションの上でマークが描かれていく 4.7 秒。Animated Icon コンポからレンダリングし、下のファイルはすべてその 1 本から派生しています。

MP4 wherever video plays; WebM for the web; GIF only where nothing else is accepted — avatars and chat — at 15 fps.動画が再生できる場所では MP4、Web では WebM、GIF はそれ以外が受け付けられない場面（アバターやチャット）だけに。15 fps です。

Portraits of Tomoya Eguchi. They may not be used without his permission — ask at mail@cumulo.works before any use, press included. Any of the ten works as the plain photo or as a logo portrait: a square, face-weighted crop with the mark over the chest, in a square or circular cut.江口智也のポートレート。本人の許可なく使用することはできません。報道用途を含め、使用前に mail@cumulo.works へご連絡ください。10 点のどれも、写真そのままでも、ロゴポートレート（顔を基準に正方形にトリミングし、胸元にマークを重ねたもの。正方形または円形）としても使えます。

01Photo写真LogoロゴCircular円形

02Photo写真LogoロゴCircular円形

03Photo写真LogoロゴCircular円形

04Photo写真LogoロゴCircular円形

05Photo写真LogoロゴCircular円形

06Photo写真LogoロゴCircular円形

07Photo写真LogoロゴCircular円形

08Photo写真LogoロゴCircular円形

09Photo写真LogoロゴCircular円形

10Photo写真LogoロゴCircular円形

Hover a card for the logo portrait. 05 is the photo behind the gradient and the one on cumulo.works.カードにカーソルを重ねるとロゴポートレートが表示されます。05 はグラデーションの元になった写真で、cumulo.works でも使っています。

Clear space, crops and the things that keep the identity consistent wherever it appears.余白、トリミング、そしてどこに置いても一貫性を保つためのルール。

• Do
• Use the circular icon by default; the square tile where the platform crops its own shape.基本は円形アイコン。プラットフォーム側で形が決まる場合は正方形タイルを使う。
• Keep clear space of at least the height of the l on all sides.四方に l の高さ以上の余白を確保する。
• Drop to the flat mark when the gradient can't reproduce.グラデーションが再現できない場合はフラットなマークに切り替える。
• Take files from this page rather than re-exporting them.ファイルは書き出し直さず、このページから取得する。

• Don't
• Recolor the gradient, or approximate it with another one.グラデーションの色を変えたり、別のグラデーションで代用しない。
• Stretch, rotate, add effects, or rearrange the letters.引き伸ばし、回転、エフェクトの追加、文字の並べ替えをしない。
• Pair the icon with the wordmark in one lockup.アイコンとワードマークをひとつのロックアップに組み合わせない。
• Re-set the name in another typeface as a substitute wordmark.別の書体で名前を組んでワードマークの代わりにしない。
• Use a portrait without permission.許可なくポートレートを使用しない。

Every variant is published at 64, 128, 256, 512, 1024, 2048 px as /i/<variant>-<width>.<format>; the vectors are in /assets when you'd rather scale them yourself. Pick a file below or build the URL directly.すべてのバリアントを 64、128、256、512、1024、2048 px で /i/<variant>-<width>.<format> として公開しています。自分でスケールしたい場合は /assets のベクターを使ってください。下で選ぶか、URL を直接組み立てられます。

icon, squareicon, circulargradientmark, whitemark, inkwordmark, whitewordmark, inkportrait 01logo portrait 01logo portrait 01, circularportrait 02logo portrait 02logo portrait 02, circularportrait 03logo portrait 03logo portrait 03, circularportrait 04logo portrait 04logo portrait 04, circularportrait 05logo portrait 05logo portrait 05, circularportrait 06logo portrait 06logo portrait 06, circularportrait 07logo portrait 07logo portrait 07, circularportrait 08logo portrait 08logo portrait 08, circularportrait 09logo portrait 09logo portrait 09, circularportrait 10logo portrait 10logo portrait 10, circular6412825651210242048

Copy URLURL をコピーCopiedコピーしましたDownloadダウンロード

These assets identify cumuloworks. You're welcome to use them unmodified when referring or linking to cumulo.works — in articles, talks, or directories. Don't alter them, and don't use them to represent anything else. Portraits are the exception: they need permission first. Questions go to mail@cumulo.works. © 2026 Cumuloworks.これらのアセットは cumuloworks を示すためのものです。記事・登壇・ディレクトリなどで cumulo.works に言及・リンクする際は、改変せずに使用できます。改変したり、他のものを表すために使わないでください。ポートレートは例外で、事前の許可が必要です。ご質問は mail@cumulo.works へ。© 2026 Cumuloworks