# GravityKit brand kit > GravityKit's official logos, Floaty mascot, product icons, colors, fonts and brand guidelines. Every file has a stable URL and can be fetched directly. Copyright © 2026, Katz Web Services, Inc. GravityKit and GravityView are registered trademarks of Katz Web Services, Inc. Rules for AI agents using these files: https://brand.gravitykit.com/AGENTS.md Machine-readable manifest with every asset, its URL, size, and when to use it: https://brand.gravitykit.com/brand.json Logos, Floaty, icons, tiles and fonts in one archive: https://brand.gravitykit.com/gravitykit-brand-kit.zip Backgrounds: https://brand.gravitykit.com/gravitykit-backgrounds.zip Product cards: https://brand.gravitykit.com/gravitykit-product-cards.zip Key rules: navy #001A4D and gold #D99B21 lead. Gold Floaty is the company; rainbow Floaty is only the product collection. One Floaty per page. "GravityKit" is one word with capital G and K. Headings h1 and h2 use GK Norm SemiBold (-1px letter spacing); everything else uses Eudoxus Sans. Links and main buttons are raspberry #D91556. On light backgrounds use gravitykit-color-dark; on dark backgrounds use gravitykit-color-light. ## Guidelines - [Our name](https://brand.gravitykit.com/guidelines/name.md): How to spell GravityKit and how we relate to Gravity Forms. - [Logo](https://brand.gravitykit.com/guidelines/logo.md): Which logo file to use, spacing, and what not to do. - [Colors](https://brand.gravitykit.com/guidelines/colors.md): Navy and gold lead. Secondary colors are for accents and charts. - [Floaty](https://brand.gravitykit.com/guidelines/floaty.md): Our astronaut mascot, the gold and rainbow versions, and the poses. - [Typography](https://brand.gravitykit.com/guidelines/typography.md): GK Norm for the two largest headings, Eudoxus Sans for everything else. - [Product icons](https://brand.gravitykit.com/guidelines/product-icons.md): Small rounded icons for lists, large tiles for a single product. - [Usage and copyright](https://brand.gravitykit.com/guidelines/usage.md): Who owns these files and how you may use them. ## Assets - [GravityKit logo, color, for light backgrounds](https://brand.gravitykit.com/logos/gravitykit-color-dark.svg) (gravitykit-color-dark, svg/png, background: light): Default logo. Floaty and wordmark in navy and gold, for white or light backgrounds. Avoid: Do not recolor, stretch, add effects, or place on a background of similar color. - [GravityKit logo, color, for dark backgrounds](https://brand.gravitykit.com/logos/gravitykit-color-light.svg) (gravitykit-color-light, svg/png, background: dark): Floaty and wordmark in white and gold, for navy or other dark backgrounds. Avoid: Do not recolor, stretch, add effects, or place on a background of similar color. - [GravityKit logo, navy, for light backgrounds](https://brand.gravitykit.com/logos/gravitykit-dark.svg) (gravitykit-dark, svg/png, background: light): Single-color navy lockup, for one-color printing or busy light backgrounds. Avoid: Do not recolor, stretch, add effects, or place on a background of similar color. - [GravityKit logo, white, for dark backgrounds](https://brand.gravitykit.com/logos/gravitykit-light.svg) (gravitykit-light, svg/png, background: dark): Single-color white lockup, for photos or dark backgrounds where gold would clash. Avoid: Do not recolor, stretch, add effects, or place on a background of similar color. - [GravityKit wordmark, color, for light backgrounds](https://brand.gravitykit.com/logos/gravitykit-wordmark-color-dark.svg) (gravitykit-wordmark-color-dark, svg/png, background: light): Wordmark without Floaty. Use when Floaty already appears on the page, or space is wide and short. Avoid: Do not recolor, stretch, add effects, or place on a background of similar color. - [GravityKit wordmark, color, for dark backgrounds](https://brand.gravitykit.com/logos/gravitykit-wordmark-color-light.svg) (gravitykit-wordmark-color-light, svg/png, background: dark): Wordmark without Floaty, white and gold, for dark backgrounds. Avoid: Do not recolor, stretch, add effects, or place on a background of similar color. - [GravityKit wordmark, navy](https://brand.gravitykit.com/logos/gravitykit-wordmark-dark.svg) (gravitykit-wordmark-dark, svg/png, background: light): Single-color navy wordmark. Avoid: Do not recolor, stretch, add effects, or place on a background of similar color. - [GravityKit wordmark, white](https://brand.gravitykit.com/logos/gravitykit-wordmark-light.svg) (gravitykit-wordmark-light, svg/png, background: dark): Single-color white wordmark. Avoid: Do not recolor, stretch, add effects, or place on a background of similar color. - [Gold Floaty, transparent](https://brand.gravitykit.com/logos/floaty-gold.svg) (floaty-gold, svg/png, background: dark): The company mascot mark. White suit with gold accents on a transparent background, for navy or dark backgrounds. Avoid: Do not use more than one Floaty on a page. Not for light backgrounds (the suit is white). - [Gold Floaty icon, transparent](https://brand.gravitykit.com/logos/floaty-icon-gold.svg) (floaty-icon-gold, svg/png, background: dark): Floaty helmet in a gold ring. Company icon, avatar, favicon source, loading indicator. Avoid: Not for light backgrounds (the helmet is white). - [Gold Floaty on navy square](https://brand.gravitykit.com/logos/floaty-gold-on-navy.png) (floaty-gold-on-navy, png, background: any): Full-body gold Floaty on a flat navy square (#001B50). Social avatars and tiles. - [Gold Floaty icon on navy square](https://brand.gravitykit.com/logos/floaty-icon-gold-on-navy.png) (floaty-icon-gold-on-navy, png, background: any): Floaty helmet icon on a flat navy square (#001B50). App icons and avatars. - [Rainbow Floaty (the product collection)](https://brand.gravitykit.com/logos/floaty-rainbow-collection.svg) (floaty-rainbow-collection, svg, background: any): The GravityKit product collection: All Access and bundles. Rainbow tile with the Floaty helmet. Avoid: Never for GravityKit the company; use the gold Floaty for that. - [Floaty waving](https://brand.gravitykit.com/floaty/floaty-waving.svg) (floaty-waving, svg, background: light): Greetings, welcome screens, empty states, "say hello" moments. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [Floaty pointing right](https://brand.gravitykit.com/floaty/floaty-pointing-right.svg) (floaty-pointing-right, svg, background: light): Point at a call to action or the next step. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [Floaty cheering](https://brand.gravitykit.com/floaty/floaty-yippee.svg) (floaty-yippee, svg, background: light): Success messages, launches, celebrations. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [Floaty with arms wide](https://brand.gravitykit.com/floaty/floaty-arms-wide.svg) (floaty-arms-wide, svg, background: light): Welcome, "everything included", big announcements. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [Floaty flying (pose sheet)](https://brand.gravitykit.com/floaty/sheets/floaty-flying.svg) (floaty-flying, svg, background: light): Several versions of one pose on one artboard. Crop out the one you need. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [Floaty lying down and relaxing (pose sheet)](https://brand.gravitykit.com/floaty/sheets/floaty-lying-down.svg) (floaty-lying-down, svg, background: light): Several versions of one pose on one artboard. Crop out the one you need. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [Floaty sitting in a chair, with laptop (pose sheet)](https://brand.gravitykit.com/floaty/sheets/floaty-sitting-chair.svg) (floaty-sitting-chair, svg, background: light): Several versions of one pose on one artboard. Crop out the one you need. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [Floaty sitting, facing front (pose sheet)](https://brand.gravitykit.com/floaty/sheets/floaty-sitting-facing-front.svg) (floaty-sitting-facing-front, svg, background: light): Several versions of one pose on one artboard. Crop out the one you need. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [Floaty sitting, facing 45 degrees (pose sheet)](https://brand.gravitykit.com/floaty/sheets/floaty-sitting-facing-45.svg) (floaty-sitting-facing-45, svg, background: light): Several versions of one pose on one artboard. Crop out the one you need. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [Floaty typing at a desk, facing away (pose sheet)](https://brand.gravitykit.com/floaty/sheets/floaty-sitting-typing-facing-away.svg) (floaty-sitting-typing-facing-away, svg, background: light): Several versions of one pose on one artboard. Crop out the one you need. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [Floaty holding a sign (pose sheet)](https://brand.gravitykit.com/floaty/sheets/floaty-standing-holding-sign.svg) (floaty-standing-holding-sign, svg, background: light): Several versions of one pose on one artboard. Crop out the one you need. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [Floaty standing and waving (pose sheet)](https://brand.gravitykit.com/floaty/sheets/floaty-standing-waving.svg) (floaty-standing-waving, svg, background: light): Several versions of one pose on one artboard. Crop out the one you need. Avoid: Do not mix these line drawings with the flat gold Floaty on one graphic. - [GravityView icon](https://brand.gravitykit.com/product-icons/gravityview.svg) (icon-gravityview, svg, background: any): GravityView product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravityEdit icon](https://brand.gravitykit.com/product-icons/gravityedit.svg) (icon-gravityedit, svg, background: any): GravityEdit product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravityImport icon](https://brand.gravitykit.com/product-icons/gravityimport.svg) (icon-gravityimport, svg, background: any): GravityImport product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravityExport icon](https://brand.gravitykit.com/product-icons/gravityexport.svg) (icon-gravityexport, svg, background: any): GravityExport product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravityExport Lite icon](https://brand.gravitykit.com/product-icons/gravityexport-lite.svg) (icon-gravityexport-lite, svg, background: any): GravityExport Lite product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravityCharts icon](https://brand.gravitykit.com/product-icons/gravitycharts.svg) (icon-gravitycharts, svg, background: any): GravityCharts product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravityCalendar icon](https://brand.gravitykit.com/product-icons/gravitycalendar.svg) (icon-gravitycalendar, svg, background: any): GravityCalendar product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravityMath icon](https://brand.gravitykit.com/product-icons/gravitymath.svg) (icon-gravitymath, svg, background: any): GravityMath product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravityRevisions icon](https://brand.gravitykit.com/product-icons/gravityrevisions.svg) (icon-gravityrevisions, svg, background: any): GravityRevisions product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravityActions icon](https://brand.gravitykit.com/product-icons/gravityactions.svg) (icon-gravityactions, svg, background: any): GravityActions product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravityBoard icon](https://brand.gravitykit.com/product-icons/gravityboard.svg) (icon-gravityboard, svg, background: any): GravityBoard product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravityMigrate icon](https://brand.gravitykit.com/product-icons/gravitymigrate.svg) (icon-gravitymigrate, svg, background: any): GravityMigrate product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [GravitySearch icon](https://brand.gravitykit.com/product-icons/gravitysearch.svg) (icon-gravitysearch, svg, background: any): GravitySearch product icon: a rounded square in the product color. Product lists, badges, comparison tables. - [Magic Links icon](https://brand.gravitykit.com/product-icons/magic-links.svg) (icon-magic-links, svg, background: any): Magic Links add-on or layout icon: navy line art on a white rounded square. - [Elementor Widget icon](https://brand.gravitykit.com/product-icons/elementor-widget.svg) (icon-elementor-widget, svg, background: any): Elementor Widget add-on or layout icon: navy line art on a white rounded square. - [Zero Spam icon](https://brand.gravitykit.com/product-icons/zero-spam.svg) (icon-zero-spam, svg, background: any): Zero Spam add-on or layout icon: navy line art on a white rounded square. - [Block MCP icon](https://brand.gravitykit.com/product-icons/block-mcp.svg) (icon-block-mcp, svg, background: any): Block MCP add-on or layout icon: navy line art on a white rounded square. - [Event Field icon](https://brand.gravitykit.com/product-icons/event-field.svg) (icon-event-field, svg, background: any): Event Field add-on or layout icon: navy line art on a white rounded square. - [Entry Tags icon](https://brand.gravitykit.com/product-icons/entry-tags.svg) (icon-entry-tags, svg, background: any): Entry Tags add-on or layout icon: navy line art on a white rounded square. - [Advanced Filtering icon](https://brand.gravitykit.com/product-icons/advanced-filtering.svg) (icon-advanced-filtering, svg, background: any): Advanced Filtering add-on or layout icon: navy line art on a white rounded square. - [Social Sharing icon](https://brand.gravitykit.com/product-icons/social-sharing.svg) (icon-social-sharing, svg, background: any): Social Sharing add-on or layout icon: navy line art on a white rounded square. - [A-Z Filters icon](https://brand.gravitykit.com/product-icons/az-filters.svg) (icon-az-filters, svg, background: any): A-Z Filters add-on or layout icon: navy line art on a white rounded square. - [Featured Entries icon](https://brand.gravitykit.com/product-icons/featured-entries.svg) (icon-featured-entries, svg, background: any): Featured Entries add-on or layout icon: navy line art on a white rounded square. - [Ratings & Reviews icon](https://brand.gravitykit.com/product-icons/ratings-reviews.svg) (icon-ratings-reviews, svg, background: any): Ratings & Reviews add-on or layout icon: navy line art on a white rounded square. - [Multiple Forms icon](https://brand.gravitykit.com/product-icons/multiple-forms.svg) (icon-multiple-forms, svg, background: any): Multiple Forms add-on or layout icon: navy line art on a white rounded square. - [DataTables Layout icon](https://brand.gravitykit.com/product-icons/datatables-layout.svg) (icon-datatables-layout, svg, background: any): DataTables Layout add-on or layout icon: navy line art on a white rounded square. - [Maps Layout icon](https://brand.gravitykit.com/product-icons/maps-layout.svg) (icon-maps-layout, svg, background: any): Maps Layout add-on or layout icon: navy line art on a white rounded square. - [DIY Layout icon](https://brand.gravitykit.com/product-icons/diy-layout.svg) (icon-diy-layout, svg, background: any): DIY Layout add-on or layout icon: navy line art on a white rounded square. - [GravityView tile](https://brand.gravitykit.com/product-tiles/gravityview.png) (tile-gravityview, png, background: any): Large full-bleed gradient square for GravityView. Use when one product is shown big: featured images, app-store style tiles. - [GravityEdit tile](https://brand.gravitykit.com/product-tiles/gravityedit.png) (tile-gravityedit, png, background: any): Large full-bleed gradient square for GravityEdit. Use when one product is shown big: featured images, app-store style tiles. - [GravityImport tile](https://brand.gravitykit.com/product-tiles/gravityimport.png) (tile-gravityimport, png, background: any): Large full-bleed gradient square for GravityImport. Use when one product is shown big: featured images, app-store style tiles. - [GravityExport tile](https://brand.gravitykit.com/product-tiles/gravityexport.png) (tile-gravityexport, png, background: any): Large full-bleed gradient square for GravityExport. Use when one product is shown big: featured images, app-store style tiles. - [GravityCharts tile](https://brand.gravitykit.com/product-tiles/gravitycharts.png) (tile-gravitycharts, png, background: any): Large full-bleed gradient square for GravityCharts. Use when one product is shown big: featured images, app-store style tiles. - [GravityCalendar tile](https://brand.gravitykit.com/product-tiles/gravitycalendar.png) (tile-gravitycalendar, png, background: any): Large full-bleed gradient square for GravityCalendar. Use when one product is shown big: featured images, app-store style tiles. - [GravityMath tile](https://brand.gravitykit.com/product-tiles/gravitymath.png) (tile-gravitymath, png, background: any): Large full-bleed gradient square for GravityMath. Use when one product is shown big: featured images, app-store style tiles. - [GravityRevisions tile](https://brand.gravitykit.com/product-tiles/gravityrevisions.png) (tile-gravityrevisions, png, background: any): Large full-bleed gradient square for GravityRevisions. Use when one product is shown big: featured images, app-store style tiles. - [GravityActions tile](https://brand.gravitykit.com/product-tiles/gravityactions.png) (tile-gravityactions, png, background: any): Large full-bleed gradient square for GravityActions. Use when one product is shown big: featured images, app-store style tiles. - [GravityKit collection tile](https://brand.gravitykit.com/product-tiles/gravitykit-collection.png) (tile-gravitykit-collection, png, background: any): Large full-bleed gradient square for GravityKit collection. Use when one product is shown big: featured images, app-store style tiles. - [GK Norm](https://brand.gravitykit.com/fonts/gk-norm/GKNorm-Bold.otf) (font-gk-norm, otf/woff2/otf/otf/otf/otf/otf/otf/woff2/otf/otf/woff2/otf/otf/woff2/otf/otf/otf/txt, background: light): The heading font for h1 and h2 on gravitykit.com, set SemiBold with -1px letter spacing. Also small uppercase labels (Bold, 12px, 1px letter spacing). OTF for design tools, WOFF2 for websites. Avoid: Not for body text. - [Eudoxus Sans](https://brand.gravitykit.com/fonts/eudoxus-sans/EudoxusSans-Bold.ttf) (font-eudoxus-sans, ttf/ttf/ttf/ttf/ttf/ttf/md/woff2/woff2/woff2/woff2/woff2/woff2, background: light): Body text, h3 to h6, buttons and interface text. WOFF2 for websites, TTF for design tools. - [Floaty, navy and gold, for light backgrounds](https://brand.gravitykit.com/logos/floaty-navy-gold.svg) (floaty-navy-gold, svg, background: light): The Floaty mark on white or light backgrounds: navy suit with gold accents. Avoid: Do not use more than one Floaty on a page. - [Floaty, navy](https://brand.gravitykit.com/logos/floaty-navy.svg) (floaty-navy, svg, background: light): Single-color navy Floaty for light backgrounds and one-color printing. Avoid: Do not use more than one Floaty on a page. - [Floaty, white](https://brand.gravitykit.com/logos/floaty-white.svg) (floaty-white, svg, background: dark): Single-color white Floaty for dark backgrounds and photos. Avoid: Do not use more than one Floaty on a page. - [Floaty, black](https://brand.gravitykit.com/logos/floaty-black.svg) (floaty-black, svg, background: light): Black Floaty in SVG Tiny 1.2 format, made for the BIMI email logo. Also for black-only printing. - [Floaty icon, navy and gold, for light backgrounds](https://brand.gravitykit.com/logos/floaty-icon-navy-gold.svg) (floaty-icon-navy-gold, svg, background: light): The helmet icon in a gold ring, navy helmet, for light backgrounds. Avatars and small marks. - [Floaty icon, navy](https://brand.gravitykit.com/logos/floaty-icon-navy.svg) (floaty-icon-navy, svg, background: light): Single-color navy helmet icon for light backgrounds. - [Floaty icon, white](https://brand.gravitykit.com/logos/floaty-icon-white.svg) (floaty-icon-white, svg, background: dark): Single-color white helmet icon for dark backgrounds. - [GravityKit logo, black](https://brand.gravitykit.com/logos/gravitykit-black.svg) (gravitykit-black, svg, background: light): Black lockup for black-only printing, such as forms, receipts and stamps. Avoid: Anywhere color is available, use the navy logo. - [GravityKit logo, color, right-to-left](https://brand.gravitykit.com/logos/gravitykit-color-dark-rtl.svg) (gravitykit-color-dark-rtl, svg, background: light): Wordmark first, Floaty on the right. For right-to-left layouts (Arabic, Hebrew) on light backgrounds. - [GravityKit logo, gold gradient, for light backgrounds](https://brand.gravitykit.com/logos/gravitykit-gradient-dark.svg) (gravitykit-gradient-dark, svg, background: light): Premium version with the gold gradient on "Kit" and Floaty's visor. Hero areas and special campaigns on light backgrounds. Avoid: Not the everyday logo; use gravitykit-color-dark for that. - [GravityKit logo, gold gradient, for dark backgrounds](https://brand.gravitykit.com/logos/gravitykit-gradient-light.svg) (gravitykit-gradient-light, svg, background: dark): Premium version with the gold gradient, for navy or dark backgrounds. Avoid: Not the everyday logo; use gravitykit-color-light for that. - [GravityKit company tile](https://brand.gravitykit.com/product-tiles/gravitykit-company.png) (tile-gravitykit-company, png, background: any): Gold-ringed Floaty helmet on navy watercolor. The company counterpart to the rainbow collection tile: avatars, social profiles, app icons. - [Gold watercolor](https://brand.gravitykit.com/backgrounds/gold.jpg) (background-gold, jpg, background: any): Company-level background, for sales and GravityKit announcements. - [Dark Blue watercolor](https://brand.gravitykit.com/backgrounds/dark-blue.jpg) (background-dark-blue, jpg, background: any): Company-level background. The default behind white or gold marks. - [Gold watercolor, muted](https://brand.gravitykit.com/backgrounds/gold-gray.jpg) (background-gold-gray, jpg, background: any): A quieter gold texture, for large areas behind text. - [Dark Blue watercolor, muted](https://brand.gravitykit.com/backgrounds/dark-blue-gray.jpg) (background-dark-blue-gray, jpg, background: any): A quieter blue-gray texture, for large areas behind text. - [GravityActions background](https://brand.gravitykit.com/backgrounds/gravityactions.jpg) (background-gravityactions, jpg, background: any): Watercolor texture in the GravityActions color. Behind GravityActions graphics only. - [GravityCalendar background](https://brand.gravitykit.com/backgrounds/gravitycalendar.jpg) (background-gravitycalendar, jpg, background: any): Watercolor texture in the GravityCalendar color. Behind GravityCalendar graphics only. - [GravityCharts background](https://brand.gravitykit.com/backgrounds/gravitycharts.jpg) (background-gravitycharts, jpg, background: any): Watercolor texture in the GravityCharts color. Behind GravityCharts graphics only. - [GravityEdit background](https://brand.gravitykit.com/backgrounds/gravityedit.jpg) (background-gravityedit, jpg, background: any): Watercolor texture in the GravityEdit color. Behind GravityEdit graphics only. - [GravityExport background](https://brand.gravitykit.com/backgrounds/gravityexport.jpg) (background-gravityexport, jpg, background: any): Watercolor texture in the GravityExport color. Behind GravityExport graphics only. - [GravityImport background](https://brand.gravitykit.com/backgrounds/gravityimport.jpg) (background-gravityimport, jpg, background: any): Watercolor texture in the GravityImport color. Behind GravityImport graphics only. - [GravityMath background](https://brand.gravitykit.com/backgrounds/gravitymath.jpg) (background-gravitymath, jpg, background: any): Watercolor texture in the GravityMath color. Behind GravityMath graphics only. - [GravityMigrate background](https://brand.gravitykit.com/backgrounds/gravitymigrate.jpg) (background-gravitymigrate, jpg, background: any): Watercolor texture in the GravityMigrate color. Behind GravityMigrate graphics only. - [GravityRevisions background](https://brand.gravitykit.com/backgrounds/gravityrevisions.jpg) (background-gravityrevisions, jpg, background: any): Watercolor texture in the GravityRevisions color. Behind GravityRevisions graphics only. - [GravityView background](https://brand.gravitykit.com/backgrounds/gravityview.jpg) (background-gravityview, jpg, background: any): Watercolor texture in the GravityView color. Behind GravityView graphics only. - [GravityBoard background](https://brand.gravitykit.com/backgrounds/gravityboard.jpg) (background-gravityboard, jpg, background: any): Watercolor texture in the GravityBoard color. Behind GravityBoard graphics only. - [GravityView card](https://brand.gravitykit.com/product-cards/gravityview.jpg) (card-gravityview, jpg, background: any): Wide header image for GravityView: the icon on its watercolor background. Product pages, blog featured images, listings. - [GravityEdit card](https://brand.gravitykit.com/product-cards/gravityedit.jpg) (card-gravityedit, jpg, background: any): Wide header image for GravityEdit: the icon on its watercolor background. Product pages, blog featured images, listings. - [GravityImport card](https://brand.gravitykit.com/product-cards/gravityimport.jpg) (card-gravityimport, jpg, background: any): Wide header image for GravityImport: the icon on its watercolor background. Product pages, blog featured images, listings. - [GravityCharts card](https://brand.gravitykit.com/product-cards/gravitycharts.jpg) (card-gravitycharts, jpg, background: any): Wide header image for GravityCharts: the icon on its watercolor background. Product pages, blog featured images, listings. - [GravityCalendar card](https://brand.gravitykit.com/product-cards/gravitycalendar.jpg) (card-gravitycalendar, jpg, background: any): Wide header image for GravityCalendar: the icon on its watercolor background. Product pages, blog featured images, listings. - [GravityMath card](https://brand.gravitykit.com/product-cards/gravitymath.jpg) (card-gravitymath, jpg, background: any): Wide header image for GravityMath: the icon on its watercolor background. Product pages, blog featured images, listings. - [GravityRevisions card](https://brand.gravitykit.com/product-cards/gravityrevisions.jpg) (card-gravityrevisions, jpg, background: any): Wide header image for GravityRevisions: the icon on its watercolor background. Product pages, blog featured images, listings. - [GravityMigrate card](https://brand.gravitykit.com/product-cards/gravitymigrate.jpg) (card-gravitymigrate, jpg, background: any): Wide header image for GravityMigrate: the icon on its watercolor background. Product pages, blog featured images, listings. - [GravityBoard card](https://brand.gravitykit.com/product-cards/gravityboard.jpg) (card-gravityboard, jpg, background: any): Wide header image for GravityBoard: the icon on its watercolor background. Product pages, blog featured images, listings. - [GravityActions card](https://brand.gravitykit.com/product-cards/gravityactions.jpg) (card-gravityactions, jpg, background: any): Wide header image for GravityActions: the icon on its watercolor background. Product pages, blog featured images, listings. - [GravityKit collection card](https://brand.gravitykit.com/product-cards/gravitykit-collection.jpg) (card-gravitykit-collection, jpg, background: any): Wide header image for GravityKit collection: the icon on its watercolor background. Product pages, blog featured images, listings. - [Dynamic Lookup card](https://brand.gravitykit.com/product-cards/dynamic-lookup.jpg) (card-dynamic-lookup, jpg, background: any): Wide header image for Dynamic Lookup: the icon on its watercolor background. Product pages, blog featured images, listings. - [Zero Spam card](https://brand.gravitykit.com/product-cards/zero-spam.jpg) (card-zero-spam, jpg, background: any): Wide header image for Zero Spam: the icon on its watercolor background. Product pages, blog featured images, listings. - [Event Field card](https://brand.gravitykit.com/product-cards/event-field.jpg) (card-event-field, jpg, background: any): Wide header image for Event Field: the icon on its watercolor background. Product pages, blog featured images, listings. - [Elementor Widget card](https://brand.gravitykit.com/product-cards/elementor-widget.jpg) (card-elementor-widget, jpg, background: any): Wide header image for Elementor Widget: the icon on its watercolor background. Product pages, blog featured images, listings. - [Entry Tags card](https://brand.gravitykit.com/product-cards/entry-tags.png) (card-entry-tags, png, background: any): Wide header image for Entry Tags: the icon on its watercolor background. Product pages, blog featured images, listings. ## Colors - GravityKit Blue #001A4D (primary): The main brand color. Page backgrounds on gravitykit.com, text on white. - GravityKit Gold #D99B21 (primary): Accent. Highlights, labels, the Floaty visor. - White #FFFFFF (primary): Text and marks on navy; light-mode page backgrounds. - Raspberry #D91556 (website): Links and the main call-to-action button on gravitykit.com (the theme's "secondary" color). Also GravityView's product color. - Slate blue #637AA7 (website): Muted text and borders on navy. - Purple #6A49E2 (website): Occasional accent on gravitykit.com. - Docs blue #00143B (website): Darker navy for the docs header and deep panels. - Blue-black #0B101F (website): Near-black for the darkest areas. - GravityView #D91556 (product): GravityView product color. - GravityCharts #0098FF (product): GravityCharts product color. - GravityImport #02EA97 (product): GravityImport product color. - GravityEdit #00D9E9 (product): GravityEdit product color. - GravityActions #2EE951 (product): GravityActions product color. - GravityCalendar #FF4A01 (product): GravityCalendar product color. - GravityExport #653EFF (product): GravityExport product color. - GravityMath #FFC123 (product): GravityMath product color. - GravityRevisions #BD35FF (product): GravityRevisions product color. - GravityMigrate #D0004D (product): GravityMigrate product color. - GravityBoard #0179BF (product): GravityBoard product color. - Royal blue #345DEE (chart): Chart series 3; growth in charts. - Orange #F26B24 (chart): Chart series 4. - Plum #843378 (chart): Chart series 5. - Sky blue #6FB0D0 (chart): Chart series 6. - Chart raspberry #FF1B67 (chart): Chart series 7; decline in charts. - Amber #FDC24E (chart): Chart series 8. ## Copyright and permitted use Copyright © 2026, Katz Web Services, Inc. GravityKit and GravityView are registered trademarks of Katz Web Services, Inc. You may use these files to refer to GravityKit and its products, for example in a review, a tutorial, a partner listing or a link to us. Do not change the logos or Floaty, do not use them in a way that suggests GravityKit sponsors or approves your product, and do not use them in your own product name, logo or domain. Using Floaty apart from the logo needs our approval. The fonts keep their own free licenses: GK Norm under the SIL Open Font License 1.1, Eudoxus Sans under the ITF Free License. Each is included with the font. Gravity Forms is a trademark of Rocketgenius, Inc. GravityKit is a separate company. Full terms: https://brand.gravitykit.com/guidelines/usage/ Questions: https://www.gravitykit.com/support/