MotivdMotivd
AboutCase studiesDocs
PricingSecurity

Brand identity

Logos, icons, and assets for partners and press.

Motivd stands for building something that matters. Our visual identity — the logo mark, wordmark, and chip — reflects clarity, ownership, and a founder-first approach. Use these assets consistently to represent Motivd in articles, integrations, and partnerships.

← Home

Logo

Primary logo: icon mark. Use on light or dark backgrounds with sufficient contrast. Prefer PNG for screens and SVG for scalable layouts.

Motivd logo
↓Logo (PNG)↓Logo mark (SVG)

Wordmark

“Motiv” + “d” wordmark. Use on light backgrounds (light SVG) or dark backgrounds (dark SVG). Do not stretch or change colors.

Motivd
↓Wordmark — dark background

Icon & favicon

App icon and browser favicon. Use for shortcuts, bookmarks, and app listings.

Motivd iconFavicon
↓Favicon (ICO)↓Icon (PNG 32×32)

Logo + text chip

The official pill: logo + “Motivd” in one unit. Use in headers, footers, or “Powered by Motivd” placements. Do not alter the pill shape or spacing.

Motivd
↓Chip (SVG)

Brand colors

Primary (lime) is our main CTA and accent; secondary (blue) supports links and secondary actions. Accent for highlights; muted for surfaces; destructive for errors and danger.

Typography

Display and headlines use Bricolage Grotesque. Body and UI use the system sans-serif stack (e.g. Inter).

Usage guidelines

Keep the brand clear and consistent.

Do

  • ✓Use approved logos and chips from this page.
  • ✓Keep clear space around the logo (at least the height of the “M” mark).
  • ✓Use the chip on solid or subtle backgrounds with enough contrast.
  • ✓In light mode, prefer secondary (blue) for CTAs and text for readability; or use primary (lime) with white text.

Don't

  • ✕Do not stretch, rotate, or add effects to the logo.
  • ✕Do not change the “Motiv” / “d” color split or use unapproved colors.
  • ✕Do not place the logo on busy imagery without a contrasting container.

Build something that matters

Real codebase, your pace: PRD-first alignment, build in Motivd Cloud, connect GitHub when you want. Chat with AI—made for founders.

Ask Motivd to create

How it works

  • 1. Describe your idea

    Tell us what you want to build or drop in screenshots and docs.

  • 2. Spec then code

    We draft a Product Requirements Document (PRD) so we're aligned, then we build your Next.js app on Vercel.

  • 3. Ship it

    Connect GitHub when you are ready, deploy in a click, and add your domain—or keep shipping from Motivd Cloud until then.