How to use the Supplement Facts Panel Generator
Select a template to pre-fill the editor with a working example, then customize it with your product's actual values. The preview updates as you type. When you're happy with the result, click Download PNG for a print-ready image or Download SVG for a fully scalable vector file you can open in Illustrator, Figma, or any design tool.
- Standard FDA — Classic black-and-white single-column layout, suitable for tablets, capsules, and most solid supplements.
- Dark Branded — Two-column layout on a dark burgundy background, ideal for premium powder or sachet products.
- AG1 Style — Two-column layout on a dark green background, great for greens powders and drink mixes with many proprietary blends.
What is a supplement facts panel?
A supplement facts panel is the mandatory FDA nutritional label for dietary supplements sold in the United States. Unlike the "Nutrition Facts" label used for conventional foods, the supplement facts panel is governed by 21 CFR Part 101.36 and must list serving size, servings per container, each dietary ingredient with its amount per serving, and the percent of the Daily Value (% DV) where applicable.
Any product sold as a dietary supplement — vitamins, minerals, herbs, amino acids, probiotics, and meal-replacement powders — must include a supplement facts panel on its label.
FDA requirements for supplement facts panels
- Serving size and servings per container must appear at the top.
- Core nutrients (calories, total fat, carbohydrates, protein) must be listed if present in meaningful amounts.
- Vitamins and minerals with established Daily Values must show their % DV.
- Dietary ingredients with no established % DV must show a dagger (†) and carry a footnote.
- Proprietary blends must list total weight and all ingredients in descending order of predominance.
- The panel must use a minimum type size of 6pt (8pt for the header) and maintain sufficient contrast.
This tool helps you visualize your supplement facts panel. Always verify your final label with a qualified regulatory consultant or the FDA guidelines before going to print.
Markdown syntax reference
The editor uses a simple markdown-like syntax to describe the supplement facts panel. Here is the full reference:
| Syntax | Meaning | Example |
|---|---|---|
# Product Name |
Product name — shown above the panel in branded themes | # Daily Ultimate Essentials |
serving_size: … |
Serving size text | serving_size: 1 Tablet |
servings_per_container: … |
Servings per container (optional) | servings_per_container: 90 |
theme: … |
Visual theme: standard, dark-branded, or ag1 |
theme: dark-branded |
## Macros |
Opens the core nutrition section (Calories, Carbs, Protein, Fat) | ## Macros |
Name: amount | %DV |
A nutrient row. Use † for no established DV |
Total Carbohydrate: 5g | 2%** |
Name: amount | %DV |
Sub-item (indented with 2 spaces) — appears indented under the parent row | Dietary Fiber: 3g | 11%** |
## Vitamins & Minerals |
Opens the vitamins and minerals section | ## Vitamins & Minerals |
Name (qualifier): amount | %DV |
Vitamin/mineral row with optional form in parentheses | Vitamin C (as ascorbic acid): 100 mg | 111% |
## Complex: Name | Amount | %DV |
Opens a proprietary blend section. Amount and %DV separated by | |
## Complex: Greens Blend | 5,000 mg | † |
| (body text under Complex) | Comma-separated ingredient list — wraps automatically | Spirulina, chlorella, wheatgrass, barley grass |
## Other Ingredients |
Opens the "Other Ingredients" section (inactive ingredients) | ## Other Ingredients |
## Footnotes |
Opens the footnotes section. Each line becomes a separate footnote | ## Footnotes |
** suffix on %DV |
References the "based on a 2,000 calorie diet" footnote | Total Carbohydrate: 5g | 2%** |
† as %DV |
Daily Value not established — shows a dagger symbol | Resveratrol: 100 mg | † |
Complete example (Standard FDA)
# My Supplement serving_size: 1 Capsule servings_per_container: 60 theme: standard ## Macros Calories: 5 Total Carbohydrate: 1g | <1%** ## Vitamins & Minerals Vitamin D (as cholecalciferol): 50 mcg | 250% Magnesium (as magnesium glycinate): 200 mg | 48% Zinc (as zinc bisglycinate): 15 mg | 136% ## Complex: Adaptogen Blend | 600 mg | † Ashwagandha root extract (KSM-66®), rhodiola root extract, holy basil leaf extract ## Other Ingredients Vegetable cellulose (capsule), microcrystalline cellulose, magnesium stearate ## Footnotes ** Percent Daily Values based on a 2,000 calorie diet. † Daily Value not established.
Frequently asked questions
Is this tool free?
Yes, completely free with no account required. You can generate and download as many panels as you need.
Can I use the downloaded files for my product label?
You can use the files as a starting point or visual reference. Always verify your label with an FDA regulatory expert before printing for commercial use.
What format should I download?
Download SVG if you need to import the panel into a design tool (Illustrator, Figma, InDesign) for further editing or if it will appear on packaging at various sizes. Download PNG for direct use in documents, presentations, or digital assets — it exports at 2× resolution (retina-quality).
Can I add a logo or branding?
Download the SVG and open it in a vector editor like Figma or Illustrator. From there you can add logos, change colors, or adjust the layout to match your brand guidelines.
Does the tool support all FDA supplement facts requirements?
The tool renders the key structural elements of an FDA supplement facts panel. Font sizes, proportions, and layout follow FDA guidance. For precise compliance review, always consult the FDA's Guidance for Industry: A Dietary Supplement Labeling Guide.