Branding
This page outlines our logo use, colors, typography, and common UI styling aligned with the current app theme.
Approved Messaging
Official copy for site, decks, and press. Includes the positioning statement, boilerplate, and approved taglines.
Positioning Statement
Primary one‑liner
ManageMemberships: Run less admin. Grow more members. Manage payments, waivers, classes, and member communication in one fast, easy-to-use platform.
Use this as the hero sentence and meta description basis.
Company Boilerplate
Standard paragraph
With ManageMemberships’ automated billing, class and event management, and new CRM functionality, it’s easier than ever to grow and manage your gym—without paying for a dozen different services.
Optional alternatives
- ManageMemberships brings automated billing, class/event scheduling, and built‑in CRM together in one platform, so you can grow members and cut admin time—without the cost and complexity of multiple tools.
- From payments and waivers to classes, events, and CRM, ManageMemberships automates the busywork so your team can focus on coaching and community—at a price that beats stitching together separate services.
Approved Taglines
Short lines for hero, ads, and CTAs.
Logo
Use the official logo file whenever possible. Keep proportions unchanged. Prefer SVG for web when available; PNG is fine for raster cases.
Preferred
Full color mark on light backgrounds. For dark backgrounds, use the white or high‑contrast version.
ManageMemberships
ManageMemberships
Do and do not
Keep clear space around the logo and avoid placing it on busy backgrounds. Do not stretch, rotate, add outlines, or change colors outside the palette.
- Use SVG (or high‑res PNG) for web.
- Maintain minimum size for legibility.
- Use white logo/text on dark primary backgrounds.
- Do not distort or skew.
- Do not add extra effects.
- Avoid low‑contrast placement.
Colors
Primary for headings/anchors and strong accents; accent blue for primary actions; neutrals for readability and structure.
Typography
Use Poppins and Figtree (as configured in Tailwind) for headings and body. Keep headings bold and body text readable.
Type scale
CSS snippet
Use this stack for static pages to match the app:
:root {
--mm_primary: #2563EB; /* admin-primary 600 */
--mm_accent: #0EA5E9; /* admin-accent 500 */
--mm_text: #1f2937; /* gray-800 */
--mm_muted: #6b7280; /* gray-500 */
}
body {
font-family: Poppins, Figtree, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color: var(--mm_text);
}
h1, h2, h3, h4 { font-weight: 800; letter-spacing: -0.2px; }
UI components
Buttons, cards, and spacing patterns that fit the site. Keep corners rounded and shadows soft.
Buttons
Use the primary button for the main action, ghost for secondary.
Card example
Cards should feel calm, readable, and structured. Use borders and subtle shadows.