Noodle studio

Turn brand guidelines into a noodle. Give it your colours, choose the noodle whose shape and character fit, adjust shape and type, and take away a stylesheet. Every text pair is checked for contrast, in light and dark.

1 · Brand

Brand name

Brand colour

Second colour

How the accent relates to the brand colour. About harmonies

Neutrals

Page, surfaces, text and lines.

2 · Noodle

The noodle gives the shape, depth, texture and motion. Your colours go on top.

Not sure? Choose up to three words for the brand

3 · Shape and type

Corners

Density

Text

Headings

Heading weight

What weight says: type psychology

My brand

A headline in your brand’s voice

This is how text, actions and links look with your colours on this noodle.

A text linkSoft badgeSecondary

Create an account

Enter your email below to create your account.

or continue with

Password

Revenue

January – December 2026

Total revenue€45,231 20.1%

Subscriptions+2,350 18%

Churn3.2% 0.4

Payments

Manage your recent payments.

Status	Email	Amount
Paid	[email protected]	€316.00
Pending	[email protected]	€242.00
Processing	[email protected]	€837.00
Failed	[email protected]	€721.00

Team members

Invite your team to collaborate.

Sofia Davis

[email protected]

Jackson Lee

[email protected]

Isabella Nguyen

[email protected]

Notifications

Choose what you want to be notified about.

Product updates
New features and improvements. Security alerts
Sign-ins from new devices. Marketing
Tips, offers and the newsletter.

Getting started

2 of 4 steps complete.

Create workspace
Pick a noodle
Invite your teamShare a link or send invites by email.

Tip

Every card on this page is plain MIAN markup.

Your noodle

Copying, downloading or sharing sends the recipe (name, colours, options: no personal data) to MIAN, so we can see what people make. Privacy

<link rel="stylesheet" href="https://mian.ro/dist/mian.css">
<link rel="stylesheet" href="my-brand.css">
<script src="https://mian.ro/dist/mian.js" defer></script>

<html data-noodle="mian" data-brand="my-brand">

Put data-brand on the same element as data-noodle. It works on any element, so a section can carry another brand.
Your stylesheet only sets tokens, so every component, in light and dark, follows it.
AI agents can make the same noodle with POST /api/v1/noodles/create or the MCP tool create_noodle.

Noodle studio

1 · Brand

2 · Noodle

3 · Shape and type

A headline in your brand’s voice

Create an account

Revenue

Payments

Team members

Notifications

Getting started

Your noodle

Minimal

Flat

Pixel

Linear

Thin

Glass

Textured

Bold

Elegant

Rounded