# 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. Machine-readable manifest with every asset, its URL, size, and when to use it: https://brand.gravitykit.com/brand.json All files in one archive: https://brand.gravitykit.com/gravitykit-brand-kit.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. 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): Eudoxus Sans for headings, Lato for body text. - [Product icons](https://brand.gravitykit.com/guidelines/product-icons.md): Small rounded icons for lists, large tiles for a single product. ## 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.png) (floaty-gold, 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.png) (floaty-icon-gold, 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. - [Eudoxus Sans (6 weights)](https://brand.gravitykit.com/fonts/eudoxus-sans/EudoxusSans-Bold.ttf) (font-eudoxus-sans, ttf/ttf/ttf/ttf/ttf/ttf/md, background: any): Brand typeface for titles and headings. Also use for body text until Lato is bundled. ## Colors - GravityKit Blue #001A4D (primary): Backgrounds, headings, primary data series. - GravityKit Gold #D99B21 (primary): Accent, highlights, emphasis. - White #FFFFFF (primary): Text and marks on navy. - Royal blue #345DEE (secondary): Accents and data series. - Sky blue #6FB0D0 (secondary): Accents and data series. - Plum #843378 (secondary): Accents and data series. - Raspberry #FF1B67 (secondary): Accents, data series, decline in charts. - Amber #FDC24E (secondary): Accents and data series. - Orange #F26B24 (secondary): Accents and data series.