Sentient.io Brand Styling

Overview

This skill provides access to Sentient.io's official brand identity, color system, typography, logo usage rules, and document composition standards for AI-driven design generation.

Keywords: Sentient.io branding, corporate identity, visual identity, brand colors, typography, logo guidelines, AI platform branding, product marketing, design system

Brand Guidelines

1. Logo Usage

Approved Logo Variants:

• Horizontal with tagline: Default for cover pages, main banners, posters
• Vertical with tagline: Use when space is limited
• Horizontal no tagline: Internal pages, small spaces, alongside third-party logos
• Vertical no tagline: Compact placements or secondary contexts

Safe Margin:

• Maintain clear space ≥ height of "S" in "Sentient.io"

Minimum Sizes:

Background Rules:

• Use white or light gray backgrounds whenever possible
• On dark backgrounds, use white text (#FFFFFF) inside the logo
• Ensure sufficient contrast

Prohibited:

• ❌ No stretching, warping, rotation, or visual effects
• ❌ Do not rearrange elements or use logo in a sentence
• ❌ Avoid busy or low-contrast backgrounds

Available Logo Assets:

The following official logo files are included in this skill:

AI Usage Instructions:

• When generating designs, reference these file paths to insert the appropriate logo
• Choose Horizontal No Tagline for secondary placements (headers, footers, internal pages)
• Choose Vertical with Tagline for primary placements in vertical layouts or when space constraints require vertical orientation
• For missing variants (Horizontal with Tagline, Vertical No Tagline), request from user or note unavailability

2. Color System

Primary Palette:

Supporting Colors:

AI Design Rule:

• Prioritize Primary Red (#A00202) + Dark Grey (#424143) pairing for emphasis
• Use Primary Beige and Green as accent or background tones
• Avoid overuse of red—use it sparingly for brand highlights or CTAs
• Backgrounds should remain white or light beige (10–15% opacity) for readability

3. Brand Name Usage

Correct Format:

• Always write as Sentient.io (uppercase "S", lowercase ".io")
• Use lowercase "sentient.io" only when preceded by the brand icon
• Do not stylize inconsistently

Examples:

✅ Correct: "We build with Sentient.io's AI & Data Cloud Platform."

❌ Incorrect: "We build with SentientIO" or "SENTIENT.IO"

4. Typography

English & Latin Alphabets:

• Font Family: Nunito Sans (Open Source)
• Headings: Nunito Sans Bold or SemiBold
• Body Text: Nunito Sans Regular
• Captions: Nunito Sans Light or Italic
• Rule: Maintain clean, modern, and readable text hierarchy. Avoid decorative fonts.

Asian Languages:

Important:

• If document's primary language is Asian, use the corresponding Noto Sans font for all characters, including English text
• Avoid mixing Nunito Sans and Noto Sans in a single document

5. Document Composition Guidelines

Layout Principles:

• Maintain consistent header/footer spacing using Sentient.io logo (no tagline) in footers
• Use Primary Red (#A00202) for headings, Dark Grey (#424143) for body text
• Accent highlights (callouts, sidebars) may use Primary Green (#C6D781) or Overlay Gold (#AE9842)
• Backgrounds should remain white or light beige (#CBAC81, 10–15% opacity) for readability
• Maintain clear whitespace consistent with the logo's "S" height margin across all design elements

Typography Hierarchy:

Features

Smart Color Application

• Automatically applies Primary Red for emphasis and brand moments
• Uses Dark Grey for high-readability body text
• Cycles through Primary Beige, Green, and Overlay Gold for accents
• Maintains visual hierarchy and on-brand consistency

Typography Management

• Applies Nunito Sans font family with appropriate weights
• Automatically detects language and switches to Noto Sans for Asian text
• Provides fallback to system fonts if Nunito Sans unavailable
• Preserves text hierarchy and readability

Logo Placement

• Automatically places appropriate logo variant based on context
• Logo files available at: logos/Sentient-io logo Horizontal No-Tagline.png and logos/Sentient-io logo Vertical Tagline.png
• Ensures minimum size requirements are met (see Logo Usage section)
• Maintains safe margin around logo (≥ height of "S" in "Sentient.io")
• Adapts logo selection based on available space and layout orientation
• Use Horizontal No Tagline for secondary placements
• Use Vertical with Tagline for primary vertical layouts

Layout Consistency

• Applies consistent spacing and margins
• Maintains professional symmetry across all materials
• Ensures legibility and technology-innovation company tone
• Optimizes whitespace for clean, modern aesthetic

AI Compliance Rules

When generating any document, deck, web copy, or image:

1. ✅ Always display Sentient.io logo on first page or slide
   • Use logos/Sentient-io logo Vertical Tagline.png for vertical layouts or primary cover pages
   • Use logos/Sentient-io logo Horizontal No-Tagline.png for internal pages and secondary placements
   • Note: If Horizontal with Tagline is required but unavailable, request from user
2. ✅ Use Nunito Sans or Noto Sans exclusively
3. ✅ Conform all headings and color tones to this guide's defined palette
4. ✅ Reference Sentient.io consistently as per naming conventions
5. ✅ Ensure layout symmetry, legibility, and professional tone consistent with a technology-innovation company
6. ✅ Avoid overuse of red—use it sparingly for brand highlights or CTAs
7. ✅ Maintain clear whitespace consistent with the logo's "S" height margin across all design elements

Technical Details

Font Management

• Primary Font: Nunito Sans (weights: Light, Regular, Medium, SemiBold, Bold)
• Asian Fonts: Noto Sans (SC, TC, JP, KR variants)
• Fallback: Arial or system sans-serif for emergency cases
• For best results, ensure Nunito Sans is installed in your environment

Color Application

• Uses RGB and HEX values for precise brand matching
• CMYK values provided for print production
• Applied via design tool's native color systems
• Maintains color fidelity across digital and print mediums

Print Production

• Use CMYK values for all print materials
• Ensure minimum DPI of 300 for logo and images
• Include proper bleed and trim marks
• Maintain color calibration with Sentient.io's Pantone equivalents if available

Logo Assets

Available Files:

1. Horizontal No Tagline (logos/Sentient-io logo Horizontal No-Tagline.png)

   • Format: PNG with transparent background
   • Minimum size: 200px (screen) / 35mm (print)
   • Best for: Internal pages, footers, secondary placements

2. Vertical with Tagline (logos/Sentient-io logo Vertical Tagline.png)

   • Format: PNG with transparent background
   • Minimum size: 120px (screen) / 30mm (print)
   • Best for: Cover pages (vertical), space-limited layouts, primary vertical placements

Implementation Notes:

• Always reference these file paths when inserting logos in designs
• Maintain aspect ratio at all times (no stretching or distortion)
• Ensure minimum size requirements are met for legibility
• Apply safe margin (≥ "S" height) around all logo placements
• For print production, ensure logos are at minimum 300 DPI

Missing Variants:

• Horizontal with Tagline (request from user if needed for cover pages/banners)
• Vertical No Tagline (request from user if needed for compact secondary placements)

Usage Examples

Presentation Slides

• Title slide: Horizontal logo with tagline, Primary Red title, white background
• Content slides: Logo in footer (no tagline), Dark Grey body text, Primary Red section headers
• Accent slides: Light Beige background (10% opacity), Primary Green for callouts

Brochures

• Cover: Large horizontal logo with tagline, Primary Red headline
• Interior: Primary Beige accents, Dark Grey body copy, Nunito Sans hierarchy
• Back: Logo (no tagline), Primary Red CTA

Landing Pages

• Hero: White background, Primary Red CTA buttons, Nunito Sans Bold headers
• Sections: Alternating white and light Beige backgrounds
• Trust elements: Overlay Gold for highlights, Primary Green for success states

Documents

• Header: Sentient.io logo (horizontal, no tagline) in top-left
• Typography: Follow hierarchy table strictly
• Margins: Minimum equal to "S" height in logo
• Colors: Primary Red for emphasis only, Dark Grey for all text

Brand Essence

Positioning: Technology-innovation company specializing in AI & Data Cloud Platform

Visual Tone: Professional, modern, trustworthy, technically sophisticated

Emotional Goal: Inspire confidence, demonstrate expertise, reduce complexity

Differentiation: Bold yet balanced use of red, clean typography, generous whitespace