global
Variables
Utilities
COMPONENTS
CUSTOM STYLES

Brand Assets

Logos, colors, and guidelines to help you stay on brand and tell the Datagrid story.

Logos

Our logo is the primary identifier of the Datagrid brand and a one-of-a-kind asset. To keep it looking its best, always use the official, high-quality brand asset files provided. To maintain brand integrity, never alter the logo's shape or orientation; keep it horizontal at all times.

Horizontal Lockup

The horizontal lockup is our official logo configuration. Our logo is best used in a horizontal layout—the Logomark and Wordmark should never be stacked vertically.

When to use the full logo composition:

  • Brand Introduction: When the audience may be unfamiliar with Datagrid.
  • Visibility: When there's enough space to display the full composition clearly without crowding.
  • Signatures: Use this version for official signatures and video tags.

Clearspace

The logo grid defines the protective space around the Logotype and Logomark, keeping them separate from other elements. This "breathing room" ensures the logo remains legible and impactful. Never allow other elements to encroach on this space.

  • Primary Logo: Clearspace is determined by the x-height of the lowercase "a".
  • Secondary Logomark: Clearspace is determined by the width of the box shadow.

Wordmark

The Wordmark is your default choice for most applications. It clearly and proudly displays our name.
Use this for most brand communications.

  • Usage: Use this for most brand communications.
  • Exception: In extremely limited spaces—like diagrams or app icons—use the Logomark instead.

Clearspace
Similar to the full horizontal lockup, the Wordmark needs breathing room. Its clearspace is determined by the x-height of the lowercase "a".

Logomark

The Logomark is our secondary brand symbol, a shorthand for the brand. Use it strategically to maintain its effectiveness.

When to use the Logomark:
The Logomark's clearspace is determined by the width of the box shadow.

  • Tight Spaces: Use only when the primary logo won't fit (e.g., diagrams, favicons, app icons).
  • Familiarity: Ensure the audience already knows the brand, or that the primary logo appears elsewhere in the same context.

Clearspace
The Logomark's clearspace is determined by the width of the box shadow.

Color

Color is a functional part of our language. Our primary palette is designed to represent the four core pillars of our product. Each color corresponds to a specific capability within the Datagrid ecosystem.

  • Blue (App Interaction): The foundation of our interface, representing seamless interaction between you and the platform.
  • Green (Actions): Green signifies cross-platform operations and automation that turn prompts into results. Just as our agents act outside Datagrid, they work directly within your systems via connectors to handle tasks without manual effort.
  • Yellow (Tools): Represents interpretation and analysis. Tools go beyond intelligence to process text, perform deep searches, synthesize information, understand drawings, and execute complex calculations.
  • Turquoise (Knowledge): Represents the knowledge you build and bring to Datagrid. This color stands for the source of information grounded in real data. It signifies confidence and decisions based on your actual data.

Usage

These colors work together, not in isolation. Since Datagrid combines Knowledge, Tools, and Actions to power your workflow, use these colors in combination to represent the complete system.

Typography

Typography is the voice of Datagrid, it's how we speak to our users with innovation, approachability, and clarity.

Primary Typeface

PolySans is our headline font and the primary carrier of our brand's personality.

  • Innovative & Sophisticated: A fresh take on mid-20th-century classics, PolySans features distinct "ink traps" and dynamic proportions—signaling that we’re ahead of the curve, just like our AI solutions.
  • Approachable & Friendly: Subtle soft edges make the type feel warm and accessible, ensuring our advanced technology feels friendly, not intimidating.
  • Versatile: Just as our agents adapt to your needs, PolySans offers various cuts—proportional, monospaced, and wide—to handle any design task with ease.

Usage: Use PolySans for headlines, titles, and big statements. Use it anywhere we want to showcase our personality: confident, smart, and a little fun.

Secondary Typeface

Inter is our workhorse, supporting PolySans by handling details with absolute clarity.

  • Accessible & Transparent: Built for screens, Inter's high legibility supports our values of transparency and trust - ensuring nothing is hidden and everything is easy to read.
  • Efficient: Users can breeze through tasks and data without eye strain.
  • Seamless Integration: Inter blends perfectly into user interfaces, working quietly in the background so the content stands out.

Usage: Use Inter for body copy, UI elements, diagrams, and long-form text to keep things simple and easy to digest. Typography is the voice of Datagrid. It's how we speak to our users with innovation, approachability, and clarity.

What Not to Do

To maintain a strong Datagrid brand identity, present our logo accurately and consistently. Here are common mistakes to avoid. While we can't cover every possible misuse, these guidelines will keep you on track. When in doubt, reach out to the Datagrid creative team.

  • Don't Alter Proportions: Never stretch or squash the logo, always maintain its original aspect ratio.
  • Don't Crowd the Logo: Avoid placing it on busy graphics or photos that hurt legibility.
  • Don't Add Outlines: The logo stands on its own. No strokes or outlines around the shapes.
  • Don't Create Patterns: Don't overlap patterns with the logo or turn the logo itself into a pattern.
  • Don't Change Colors: Use only the official color palette, don't recolor logo elements.
  • Don't Double Up: Never combine the secondary Logomark with the primary Logo. The primary logo already includes the mark, adding it again creates clutter.