Klarhimmel UI

Logo cloud prompt

Who already uses it, as a quiet row, a grid, or results.

Prompt

Prompt

Use the klarhimmel-design skill. Add social proof for {product}: {customers}. Install: npx shadcn add @klarhimmel/logos-strip @klarhimmel/logos-grid @klarhimmel/logos-results @klarhimmel/logos-featured (remove what you do not use) Pick: - logos-strip: a quiet row of up to 8 names - logos-grid: up to 12 logos in a hairline grid - logos-results: each customer with one result - logos-featured: one quote beside up to 6 logos Props: logos as { name } (strip) or { name, media } (grid, featured); a name without artwork is set as a wordmark. Stay under the list limit. Copy: Only customers who agreed to be named. The lead-in is one short line ("Trusted by"), not a claim you cannot show. Accessibility: Give each logo image alt text equal to the company name. Decorative repeats get empty alt. Never: viewport variants (md:, lg:), style=, text or images outside Text and Media, fields the schema lacks. Shorten copy to fit the limits. Done when: every name is approved or fictional; list length within the limit; no overflow at 390 px.

Variables

VariableWhat to fill inExample
{product}What you sell, in a few wordsRoom booking for small hotels
{customers}Who uses it (fictional or approved names)five independent hotels

A good result

Every name is approved or fictional. List length within the limit. No overflow at 390 px.

checklist.md
- [ ] every name is approved or fictional
- [ ] list length within the limit
- [ ] no overflow at 390 px