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