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:
| Use Case |
On Screen |
Print |
| Horizontal w/ tagline |
258 px |
50 mm |
| Horizontal no tagline |
200 px |
35 mm |
| Vertical w/ tagline |
120 px |
30 mm |
| Vertical no tagline |
86 px |
22 mm |
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:
| Logo Variant |
File Path |
Use Cases |
| Horizontal No Tagline |
logos/Sentient-io logo Horizontal No-Tagline.png |
Internal pages, small spaces, alongside third-party logos, footer placement |
| Vertical with Tagline |
logos/Sentient-io logo Vertical Tagline.png |
Space-limited layouts, cover pages (vertical format), main banners (vertical orientation) |
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:
| Color |
RGB |
HEX |
CMYK |
Usage |
| Primary Red |
160 / 2 / 2 |
#A00202 |
0 / 100 / 100 / 36 |
Brand highlights, CTAs, headings |
| Primary Beige |
203 / 172 / 129 |
#CBAC81 |
0 / 20 / 50 / 20 |
Accent backgrounds, secondary elements |
| Primary Green |
198 / 215 / 129 |
#C6D781 |
10 / 0 / 50 / 15 |
Callouts, sidebars, accents |
Supporting Colors:
| Color |
RGB |
HEX |
CMYK |
Usage |
| Dark Grey |
66 / 65 / 67 |
#424143 |
0 / 0 / 0 / 90 |
Body text, secondary headings |
| Overlay Gold |
174 / 152 / 66 |
#AE9842 |
32 / 38 / 78 / 8 |
Highlights, overlays, accents |
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:
| Language |
Typeface |
| Simplified Chinese |
Noto Sans SC |
| Traditional Chinese |
Noto Sans TC |
| Japanese |
Noto Sans JP |
| Korean |
Noto Sans KR |
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:
| Element |
Font |
Size (pt) |
Color |
Notes |
| Title |
Nunito Sans Bold |
28–36 |
#A00202 |
Left aligned |
| Heading 1 |
Nunito Sans SemiBold |
20–24 |
#424143 |
Capitalize First Letters |
| Heading 2 |
Nunito Sans Medium |
16–18 |
#424143 |
Sentence case |
| Body |
Nunito Sans Regular |
12–14 |
#424143 |
Normal spacing |
| Caption |
Nunito Sans Light |
10 |
#424143 |
Italic optional |
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:
- ✅ 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
- ✅ Use Nunito Sans or Noto Sans exclusively
- ✅ Conform all headings and color tones to this guide's defined palette
- ✅ Reference Sentient.io consistently as per naming conventions
- ✅ Ensure layout symmetry, legibility, and professional tone consistent with a technology-innovation company
- ✅ Avoid overuse of red—use it sparingly for brand highlights or CTAs
- ✅ 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:
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
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
1---2name: sentient-brand-guidelines3description: Applies Sentient.io's official brand colors, typography, and logo standards to product marketing materials including brochures, landing pages, presentations, and digital assets. Use when creating any Sentient.io branded content.4license: Proprietary - Sentient.io Brand Guidelines v1.5-AI5---6
7# Sentient.io Brand Styling
8
9## Overview
10
11This 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.
12
13**Keywords**: Sentient.io branding, corporate identity, visual identity, brand colors, typography, logo guidelines, AI platform branding, product marketing, design system
14
15---
16
17## Brand Guidelines
18
19### 1. Logo Usage
20
21**Approved Logo Variants:**
22
23- **Horizontal with tagline**: Default for cover pages, main banners, posters
24- **Vertical with tagline**: Use when space is limited
25- **Horizontal no tagline**: Internal pages, small spaces, alongside third-party logos
26- **Vertical no tagline**: Compact placements or secondary contexts
27
28**Safe Margin:**
29- Maintain clear space ≥ height of "S" in "Sentient.io"
30
31**Minimum Sizes:**
32
33| Use Case | On Screen | Print |
34|----------|-----------|-------|
35| Horizontal w/ tagline | 258 px | 50 mm |
36| Horizontal no tagline | 200 px | 35 mm |
37| Vertical w/ tagline | 120 px | 30 mm |
38| Vertical no tagline | 86 px | 22 mm |
39
40**Background Rules:**
41- Use **white** or **light gray** backgrounds whenever possible
42- On **dark backgrounds**, use **white text (#FFFFFF)** inside the logo
43- Ensure sufficient contrast
44
45**Prohibited:**
46- ❌ No stretching, warping, rotation, or visual effects
47- ❌ Do not rearrange elements or use logo in a sentence
48- ❌ Avoid busy or low-contrast backgrounds
49
50**Available Logo Assets:**
51
52The following official logo files are included in this skill:
53
54| Logo Variant | File Path | Use Cases |
55|--------------|-----------|-----------|
56| **Horizontal No Tagline** | `logos/Sentient-io logo Horizontal No-Tagline.png` | Internal pages, small spaces, alongside third-party logos, footer placement |
57| **Vertical with Tagline** | `logos/Sentient-io logo Vertical Tagline.png` | Space-limited layouts, cover pages (vertical format), main banners (vertical orientation) |
58
59**AI Usage Instructions:**
60- When generating designs, reference these file paths to insert the appropriate logo
61- Choose **Horizontal No Tagline** for secondary placements (headers, footers, internal pages)
62- Choose **Vertical with Tagline** for primary placements in vertical layouts or when space constraints require vertical orientation
63- For missing variants (Horizontal with Tagline, Vertical No Tagline), request from user or note unavailability
64
65---
66
67### 2. Color System
68
69**Primary Palette:**
70
71| Color | RGB | HEX | CMYK | Usage |
72|-------|-----|-----|------|-------|
73| **Primary Red** | 160 / 2 / 2 | `#A00202` | 0 / 100 / 100 / 36 | Brand highlights, CTAs, headings |
74| **Primary Beige** | 203 / 172 / 129 | `#CBAC81` | 0 / 20 / 50 / 20 | Accent backgrounds, secondary elements |
75| **Primary Green** | 198 / 215 / 129 | `#C6D781` | 10 / 0 / 50 / 15 | Callouts, sidebars, accents |
76
77**Supporting Colors:**
78
79| Color | RGB | HEX | CMYK | Usage |
80|-------|-----|-----|------|-------|
81| **Dark Grey** | 66 / 65 / 67 | `#424143` | 0 / 0 / 0 / 90 | Body text, secondary headings |
82| **Overlay Gold** | 174 / 152 / 66 | `#AE9842` | 32 / 38 / 78 / 8 | Highlights, overlays, accents |
83
84**AI Design Rule:**
85- Prioritize **Primary Red (#A00202) + Dark Grey (#424143)** pairing for emphasis
86- Use **Primary Beige** and **Green** as accent or background tones
87- Avoid overuse of red—use it sparingly for brand highlights or CTAs
88- Backgrounds should remain **white or light beige (10–15% opacity)** for readability
89
90---
91
92### 3. Brand Name Usage
93
94**Correct Format:**
95- Always write as **Sentient.io** (uppercase "S", lowercase ".io")
96- Use lowercase "sentient.io" only when preceded by the brand icon
97- Do not stylize inconsistently
98
99**Examples:**
100
101✅ Correct: "We build with Sentient.io's AI & Data Cloud Platform."
102
103❌ Incorrect: "We build with SentientIO" or "SENTIENT.IO"
104
105---
106
107### 4. Typography
108
109**English & Latin Alphabets:**
110
111- **Font Family**: Nunito Sans (Open Source)
112- **Headings**: Nunito Sans Bold or SemiBold
113- **Body Text**: Nunito Sans Regular
114- **Captions**: Nunito Sans Light or Italic
115- **Rule**: Maintain clean, modern, and readable text hierarchy. Avoid decorative fonts.
116
117**Asian Languages:**
118
119| Language | Typeface |
120|----------|----------|
121| Simplified Chinese | Noto Sans SC |
122| Traditional Chinese | Noto Sans TC |
123| Japanese | Noto Sans JP |
124| Korean | Noto Sans KR |
125
126**Important:**
127- If document's primary language is Asian, use the corresponding Noto Sans font for **all characters**, including English text
128- Avoid mixing Nunito Sans and Noto Sans in a single document
129
130---
131
132### 5. Document Composition Guidelines
133
134**Layout Principles:**
135
136- Maintain **consistent header/footer spacing** using Sentient.io logo (no tagline) in footers
137- Use **Primary Red (#A00202)** for headings, **Dark Grey (#424143)** for body text
138- Accent highlights (callouts, sidebars) may use **Primary Green (#C6D781)** or **Overlay Gold (#AE9842)**
139- Backgrounds should remain **white or light beige (#CBAC81, 10–15% opacity)** for readability
140- Maintain clear whitespace consistent with the logo's "S" height margin across all design elements
141
142**Typography Hierarchy:**
143
144| Element | Font | Size (pt) | Color | Notes |
145|---------|------|-----------|-------|-------|
146| **Title** | Nunito Sans Bold | 28–36 | #A00202 | Left aligned |
147| **Heading 1** | Nunito Sans SemiBold | 20–24 | #424143 | Capitalize First Letters |
148| **Heading 2** | Nunito Sans Medium | 16–18 | #424143 | Sentence case |
149| **Body** | Nunito Sans Regular | 12–14 | #424143 | Normal spacing |
150| **Caption** | Nunito Sans Light | 10 | #424143 | Italic optional |
151
152---
153
154## Features
155
156### Smart Color Application
157
158- Automatically applies Primary Red for emphasis and brand moments
159- Uses Dark Grey for high-readability body text
160- Cycles through Primary Beige, Green, and Overlay Gold for accents
161- Maintains visual hierarchy and on-brand consistency
162
163### Typography Management
164
165- Applies Nunito Sans font family with appropriate weights
166- Automatically detects language and switches to Noto Sans for Asian text
167- Provides fallback to system fonts if Nunito Sans unavailable
168- Preserves text hierarchy and readability
169
170### Logo Placement
171
172- Automatically places appropriate logo variant based on context
173- Logo files available at: `logos/Sentient-io logo Horizontal No-Tagline.png` and `logos/Sentient-io logo Vertical Tagline.png`
174- Ensures minimum size requirements are met (see Logo Usage section)
175- Maintains safe margin around logo (≥ height of "S" in "Sentient.io")
176- Adapts logo selection based on available space and layout orientation
177- Use Horizontal No Tagline for secondary placements
178- Use Vertical with Tagline for primary vertical layouts
179
180### Layout Consistency
181
182- Applies consistent spacing and margins
183- Maintains professional symmetry across all materials
184- Ensures legibility and technology-innovation company tone
185- Optimizes whitespace for clean, modern aesthetic
186
187---
188
189## AI Compliance Rules
190
191When generating **any document, deck, web copy, or image**:
192
1931. ✅ Always display **Sentient.io logo** on first page or slide
194 - Use `logos/Sentient-io logo Vertical Tagline.png` for vertical layouts or primary cover pages
195 - Use `logos/Sentient-io logo Horizontal No-Tagline.png` for internal pages and secondary placements
196 - Note: If Horizontal with Tagline is required but unavailable, request from user
1972. ✅ Use **Nunito Sans** or **Noto Sans** exclusively
1983. ✅ Conform all headings and color tones to this guide's defined palette
1994. ✅ Reference **Sentient.io** consistently as per naming conventions
2005. ✅ Ensure layout symmetry, legibility, and professional tone consistent with a **technology-innovation company**
2016. ✅ Avoid overuse of red—use it sparingly for brand highlights or CTAs
2027. ✅ Maintain clear whitespace consistent with the logo's "S" height margin across all design elements
203
204---
205
206## Technical Details
207
208### Font Management
209
210- **Primary Font**: Nunito Sans (weights: Light, Regular, Medium, SemiBold, Bold)
211- **Asian Fonts**: Noto Sans (SC, TC, JP, KR variants)
212- **Fallback**: Arial or system sans-serif for emergency cases
213- For best results, ensure Nunito Sans is installed in your environment
214
215### Color Application
216
217- Uses RGB and HEX values for precise brand matching
218- CMYK values provided for print production
219- Applied via design tool's native color systems
220- Maintains color fidelity across digital and print mediums
221
222### Print Production
223
224- Use CMYK values for all print materials
225- Ensure minimum DPI of 300 for logo and images
226- Include proper bleed and trim marks
227- Maintain color calibration with Sentient.io's Pantone equivalents if available
228
229### Logo Assets
230
231**Available Files:**
232
2331. **Horizontal No Tagline** (`logos/Sentient-io logo Horizontal No-Tagline.png`)
234 - Format: PNG with transparent background
235 - Minimum size: 200px (screen) / 35mm (print)
236 - Best for: Internal pages, footers, secondary placements
237
2382. **Vertical with Tagline** (`logos/Sentient-io logo Vertical Tagline.png`)
239 - Format: PNG with transparent background
240 - Minimum size: 120px (screen) / 30mm (print)
241 - Best for: Cover pages (vertical), space-limited layouts, primary vertical placements
242
243**Implementation Notes:**
244- Always reference these file paths when inserting logos in designs
245- Maintain aspect ratio at all times (no stretching or distortion)
246- Ensure minimum size requirements are met for legibility
247- Apply safe margin (≥ "S" height) around all logo placements
248- For print production, ensure logos are at minimum 300 DPI
249
250**Missing Variants:**
251- Horizontal with Tagline (request from user if needed for cover pages/banners)
252- Vertical No Tagline (request from user if needed for compact secondary placements)
253
254---
255
256## Usage Examples
257
258### Presentation Slides
259- Title slide: Horizontal logo with tagline, Primary Red title, white background
260- Content slides: Logo in footer (no tagline), Dark Grey body text, Primary Red section headers
261- Accent slides: Light Beige background (10% opacity), Primary Green for callouts
262
263### Brochures
264- Cover: Large horizontal logo with tagline, Primary Red headline
265- Interior: Primary Beige accents, Dark Grey body copy, Nunito Sans hierarchy
266- Back: Logo (no tagline), Primary Red CTA
267
268### Landing Pages
269- Hero: White background, Primary Red CTA buttons, Nunito Sans Bold headers
270- Sections: Alternating white and light Beige backgrounds
271- Trust elements: Overlay Gold for highlights, Primary Green for success states
272
273### Documents
274- Header: Sentient.io logo (horizontal, no tagline) in top-left
275- Typography: Follow hierarchy table strictly
276- Margins: Minimum equal to "S" height in logo
277- Colors: Primary Red for emphasis only, Dark Grey for all text
278
279---
280
281## Brand Essence
282
283**Positioning**: Technology-innovation company specializing in AI & Data Cloud Platform
284
285**Visual Tone**: Professional, modern, trustworthy, technically sophisticated
286
287**Emotional Goal**: Inspire confidence, demonstrate expertise, reduce complexity
288
289**Differentiation**: Bold yet balanced use of red, clean typography, generous whitespace