<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: china tian</title>
    <description>The latest articles on DEV Community by china tian (@china_tian_2d06d05c0ed36e).</description>
    <link>https://dev.to/china_tian_2d06d05c0ed36e</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4208567%2F788baf45-09b0-42c1-8385-ea8fce8893a8.png</url>
      <title>DEV Community: china tian</title>
      <link>https://dev.to/china_tian_2d06d05c0ed36e</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/china_tian_2d06d05c0ed36e"/>
    <language>en</language>
    <item>
      <title>Nine logos in one picture, then you pick a cell</title>
      <dc:creator>china tian</dc:creator>
      <pubDate>Mon, 26 Oct 2026 11:28:49 +0000</pubDate>
      <link>https://dev.to/china_tian_2d06d05c0ed36e/nine-logos-in-one-picture-then-you-pick-a-cell-3ibj</link>
      <guid>https://dev.to/china_tian_2d06d05c0ed36e/nine-logos-in-one-picture-then-you-pick-a-cell-3ibj</guid>
      <description>&lt;p&gt;Ask an image model for a logo and you usually get one picture. It looks finished. It also looks like the last ten logos the model drew for other people: a letter, a swoosh, a coffee cup if you mentioned coffee.&lt;/p&gt;

&lt;p&gt;I wanted the opposite. One reply, nine marks that do not share a template, and a way to point at the one worth continuing. That is &lt;a href="https://ninelogo.com" rel="noopener noreferrer"&gt;ninelogo&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  One image, nine marks
&lt;/h2&gt;

&lt;p&gt;The first drawing is a single PNG split into a 3×3 grid. Each cell is a different logo for the same name. A wordmark, a monogram, an abstract mark, a seal. They are not nine colorways of one idea.&lt;/p&gt;

&lt;p&gt;The cells are numbered left to right, top to bottom:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;1 2 3
4 5 6
7 8 9
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You can pick more than one. The next message is just the cells, for example &lt;code&gt;Cells 2, 5 of 「Style exploration」&lt;/code&gt;. The following grid stays in that direction: nine concepts, then nine variations, then one final mark.&lt;/p&gt;

&lt;p&gt;The whole path is five steps, and a turn only moves one step:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Learn the name and what the brand does.&lt;/li&gt;
&lt;li&gt;Nine styles, far apart.&lt;/li&gt;
&lt;li&gt;Nine concepts inside the style you picked.&lt;/li&gt;
&lt;li&gt;Nine variations of the concept you picked.&lt;/li&gt;
&lt;li&gt;A final mark, plus a horizontal lockup, an icon, black and white, or a reversed version.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The grid downloads as that one PNG. Ask for an SVG after the final. An SVG of a cell inside the grid waits until the mark is a final, because cropping a cell out of the sheet is a different file.&lt;/p&gt;

&lt;p&gt;There is a second mode. Say you want compass-and-straightedge geometry and every edge is a circle or a straight line. After the final, it can draw the construction too.&lt;/p&gt;

&lt;h2&gt;
  
  
  Try one round on the homepage
&lt;/h2&gt;

&lt;p&gt;The homepage is a form, not a pitch.&lt;/p&gt;

&lt;p&gt;On the left: the brand name, what it does, and an optional feeling. On the right: the run. It reads the brand, sets nine directions, draws the grid, and stops. One nine-up. Then the button says continue, and the next click opens that same thread. Picking a cell happens there, not on the marketing page.&lt;/p&gt;

&lt;p&gt;A new account gets 50 credits. One image costs 30, so the first grid is covered. One SVG costs 5. Chat has a minimum of 1 credit. If the balance is short, the turn stops and lists four packs: $10, $25, $50, and $100.&lt;/p&gt;

&lt;p&gt;The designer answers in the language you write in. English, Chinese, French, Spanish, Japanese, and Korean are the ones the studio is built for.&lt;/p&gt;

&lt;h2&gt;
  
  
  The same studio inside Cursor
&lt;/h2&gt;

&lt;p&gt;The website is one place to do this. The other is the chat you already have open.&lt;/p&gt;

&lt;p&gt;The skill is MIT licensed. In Cursor or Codex, send:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Read https://ninelogo.com/skills/ninelogo/install.md and follow the instructions to install the skill.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Open a new chat after it lands. Create a key at &lt;a href="https://ninelogo.com/billing" rel="noopener noreferrer"&gt;ninelogo.com/billing&lt;/a&gt;. It starts with &lt;code&gt;nl_&lt;/code&gt; and is shown once. Set it as &lt;code&gt;NINELOGO_API_KEY&lt;/code&gt;. The key spends that account's credits. Do not paste it into the chat, and do not commit it.&lt;/p&gt;

&lt;p&gt;Then talk the way you would on the site: "Make a logo for a seaside coffee shop called Salt &amp;amp; Tide." The agent checks the balance and sends your words through. You still pick cells. You still export PNG or SVG at the end.&lt;/p&gt;

&lt;p&gt;If you would rather call it yourself, the script prints one JSON object:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;node scripts/ninelogo.mjs credits
node scripts/ninelogo.mjs turn &lt;span class="nt"&gt;--message&lt;/span&gt; &lt;span class="s2"&gt;"Make a logo for Salt &amp;amp; Tide, a seaside coffee shop"&lt;/span&gt;
node scripts/ninelogo.mjs turn &lt;span class="nt"&gt;--session&lt;/span&gt; &lt;span class="s2"&gt;"&amp;lt;sessionId&amp;gt;"&lt;/span&gt; &lt;span class="nt"&gt;--message&lt;/span&gt; &lt;span class="s2"&gt;"Cells 2, 5 of 「Style exploration」"&lt;/span&gt;
node scripts/ninelogo.mjs svg &lt;span class="nt"&gt;--logo&lt;/span&gt; &lt;span class="s2"&gt;"&amp;lt;logoId&amp;gt;"&lt;/span&gt; &lt;span class="nt"&gt;--cell&lt;/span&gt; 0
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Pass &lt;code&gt;--mode geometric&lt;/code&gt; when you want the compass drawings. Pass &lt;code&gt;--image&lt;/code&gt; when you have a reference. The reference is a feeling to redraw, not a file to trace.&lt;/p&gt;

&lt;h2&gt;
  
  
  What this is bad at
&lt;/h2&gt;

&lt;p&gt;It will not invent a brand for you. It needs a name and a sentence about what the thing does. "A logo" is not enough, and "make it pop" is not a direction.&lt;/p&gt;

&lt;p&gt;It will not hand you a logo kit of social avatars, business cards, and a brand book in one click. The thread can keep going into a horizontal lockup or a small icon, and you stop when the mark is right.&lt;/p&gt;

&lt;p&gt;It is also not a template gallery. If you already know you want the third result from a logo maker's style page, this will feel slow. The slowness is the point. You see nine real alternatives before anyone commits to one.&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>ai</category>
      <category>design</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
