Tools & resources

Branding Assets and Design Guidelines

On this page

Global AI Community Logo

Introduction

Make it recognizable. Keep it useful. Our visual identity uses warm cream headers, white content, ink text, a restrained orange accent, and generous rounded cards.

This page follows the Global AI Community design system, version 2.0. Use it for current community materials. Archived event editions retain their original branding; do not recolor an old event kit or modify an official logo.

Our community logo serves as our most recognizable symbol and should be used consistently across all applications. The logo has been carefully designed to reflect our mission and values while maintaining versatility across various media.

When using the logo, ensure it is clearly visible, uncluttered, and has adequate surrounding space. The logo should always be displayed in its original proportions—never stretch, compress, or alter the design in any way. For optimal legibility, maintain a minimum size as specified in these guidelines.

The logo is available in several formats for different applications. Use the full-color version on light backgrounds and the monochrome version when color reproduction is limited or for special applications.

Download Logos

Logo Variations

Do's and Don'ts: Logo Usage

dos and dont logo

Mark

The Global AI mark is a standalone symbol that represents our community's identity. This iconic element can be used independently in situations where space is limited or as a brand recognition element across various touchpoints.

The mark embodies the essence of connectivity, global reach, and the transformative nature of artificial intelligence. It features a distinctive circular design that symbolizes inclusivity, continuous learning, and the interconnected global AI community.

When using the mark, ensure it maintains its visual integrity. The mark is available in full color and monochrome variations. Use the appropriate version based on the application and background to ensure maximum visibility and impact.

Download Mark

Mark Display

Version Usage
Full color mark Full color mark
White mark White mark for dark backgrounds

mark usage

Do's and Don'ts: Mark

dos and dont logo

Typography

Use Space Grotesk for headings, eyebrows, statistics, and dates. Use Instrument Sans for body text and interface labels. Both fonts are available under the SIL Open Font License.

Element Typeface Weight Guidance
Display headline Space Grotesk 650 Large, confident, and short; scale down on small screens
Section heading Space Grotesk 600 Clear hierarchy without heavy decoration
Eyebrow Space Grotesk 500 Small uppercase label with letter spacing
Statistics and dates Space Grotesk 600 Use tabular figures when numbers align
Body text Instrument Sans 400 Comfortable reading size and generous line spacing
UI labels Instrument Sans 500–600 Short, direct, and readable

The handbook self-hosts these fonts so reading does not depend on an external font service.

Colors

Color Hex Use
Header cream #f5f4ec Navigation, hero bands, and inset content bands
Warm cream #fdf0e3 Notices and warm callouts
Content white #ffffff Main reading and content areas
Ink #16130e Headlines, body text, and the dark footer
Orange #d5522b A restrained brand accent, not a background for everything
Deep orange #b8431f Hover states and text or controls needing stronger contrast
Logo blue #8cadc6 Supporting brand detail; the logo remains unchanged
Live green #178f57 Live status, not a general decorative accent
Muted text #6e6759 Secondary copy on light backgrounds

Deep blue #1e224e belongs inside the logo, not as the general page background.

Layout and components

  • Keep navigation and hero bands on cream; let main content live on white.
  • Use rounded cards, generous spacing, and clear headings rather than excessive borders and decoration.
  • Buttons are pill-shaped. Use one primary action per viewport and no more than two adjacent buttons.
  • Use warm notices for date changes and important guidance. Explain what the reader should do.
  • Finish pages with an ink footer and a useful next step.
  • Use real community photography, not stock or AI-generated event photos.
  • Keep motion restrained. Respect reduced-motion preferences and let moving strips pause on hover.

Accessibility

Maintain at least 4.5:1 contrast for normal text and 3:1 for large text. Use deep orange rather than assuming the brighter brand orange works for small text on every background. Give keyboard focus a visible outline, label controls, and never communicate status through color alone.

Voice

Write developer-to-developer: direct, friendly, and specific. Say what happens next.

Instead of Write
View our upcoming events Find your next event
Access our comprehensive resources Find a workshop
Contact us for further assistance Email support

Use real, verified numbers with a date when the context requires one. Do not copy sample community statistics from a design mockup into current partner materials.

Questions & Support

For questions about these guidelines or to request additional brand assets, contact support@globalai.community.

Keep goingEvent Photography Checklist