Skip to main content

Quick Start

Get your first brand generated in under 5 minutes.

Prerequisites​

  • Modern web browser (Chrome, Firefox, Safari, Edge)
  • Monad wallet (MetaMask, WalletConnect, or Coinbase Wallet)
  • Basic understanding of Web3 (for NFT features)

Step 1: Connect Your Wallet​

For premium features and NFT certificates, you'll need a Monad-compatible wallet.

  1. Visit machups.com
  2. Click "Connect Wallet"
  3. Choose your preferred wallet (MetaMask recommended)
  4. Approve the connection request
  5. The app will automatically switch you to Monad network

Step 2: Enter Your Brand Details​

Fill out the brand generation form:

  • Business Idea: Describe your business in 1-2 sentences
  • Target Audience: Who are your customers?
  • Style Preference: Choose from Modern, Classic, Bold, or Minimal

Example:

Business Idea: Sustainable coffee delivery service for busy professionals
Target Audience: Urban millennials aged 25-40
Style: Modern

Step 3: Generate Your Brand​

Click "Generate Brand" and watch the magic happen:

  1. Claude AI analyzes your input (~10s)
  2. Brand strategy generated (~20s)
  3. Logos created (~30s)
  4. Design tokens exported (~15s)
  5. Components generated (~45s)
  6. Guidelines PDF created (~60s)

Total time: Under 3 minutes

Step 4: Review Your Brand Package​

You'll receive:

  • 3 logo variants (PNG & SVG)
  • W3C DTCG design tokens
  • 30+ React components
  • 20-page brand guidelines PDF
  • Live preview deployment

Step 5: Choose Your Tier​

Free Tier (No Payment)​

  • 1-hour preview
  • View only
  • No exports

Starter - $10​

  • 24-hour preview
  • Download all files
  • NFT on Monad Testnet

Pro - $49​

  • Permanent deployment
  • Custom domain
  • NFT on Monad Mainnet
  • Genesis Edition badge

Step 6: Download & Deploy​

After payment:

  1. Click "Download Package"
  2. Extract the ZIP file
  3. Find your assets in organized folders
  4. Deploy to your project or use the preview URL

What's in the Package?​

brand-package/
├── logos/
│   ├── wordmark.png
│   ├── wordmark.svg
│   ├── combination.png
│   ├── combination.svg
│   ├── badge.png
│   └── badge.svg
├── tokens/
│   ├── tokens.json (W3C DTCG)
│   ├── tokens.css
│   └── tailwind.config.js
├── components/
│   └── (30+ React components)
├── guidelines.pdf
└── README.md

Next Steps​

Troubleshooting​

Wallet won't connect?

  • Ensure MetaMask is installed
  • Try refreshing the page
  • Clear browser cache

Generation taking too long?

  • Check your internet connection
  • Try again during off-peak hours
  • Contact support if issue persists

NFT not appearing?

  • Wait 30-60 seconds for blockchain confirmation
  • Check transaction on Monad Explorer
  • Verify correct wallet address was used

Need help? Open an issue