Build with purpose
Start with a real need. Make the benefit clear.
THE SPESICA IDENTITY
A shared foundation for how we look, speak, and build. The essentials for representing Spesica with clarity and consistency.
Version 1.0 · September 2026
01 / Foundation
Spesica is an AI & data company building intelligent products and businesses. Our identity brings disciplined engineering and purposeful innovation into one recognizable system.
The two interlocking geometric forms create a hexagonal S: a visual expression of connection, structure, and forward movement. Navy grounds the identity; crimson brings energy and intent.
Start with a real need. Make the benefit clear.
Turn ideas into dependable, useful systems.
Create lasting value through strong foundations.
02 / Logo system
Use the signature gradient horizontal logo for digital applications on light backgrounds. Choose solid artwork for simpler reproduction, or white for dark backgrounds.
Primary digital use on white or a calm light field.
Download SVGNavy and crimson for flat-color reproduction.
Download SVGWhite artwork on navy or another calm dark field.
Download SVGA vertical composition for taller spaces.
Download SVGUse when the Spesica name is already clear.
Download SVGUse the outlined name artwork as supplied.
Download SVGThe package also includes navy monochrome and light-grey variants. “Primary Dark” means a dark wordmark for light backgrounds; “Primary Light” means light artwork for dark backgrounds.
03 / Space & size
Let H be the logogram height. Keep at least ¼ H clear on every side of the complete logo, measured from the visible artwork. Keep text, images, and layout edges outside this area.
Zero-margin assets are tightly cropped. Add clear space in your layout. Plate assets include padding of 15% of logo height; add more space where needed to meet the ¼ H rule.
¼ H clear on every side
| Composition | Digital | |
|---|---|---|
| Horizontal | 136 px | 34 mm |
| Stacked | 96 px | 24 mm |
| Logogram | 24 px | 6 mm |
| Wordmark | 112 px | 28 mm |
Check legibility at final size and use PNG at least 2× its displayed width. For a 16 px browser tab, use the supplied favicon. These sizes are starting points, not a substitute for a production proof.
04 / Colors
Navy anchors headings and structure. Crimson highlights actions and key moments. White and light grey provide space and balance.
RGB 25 · 39 · 80
Headings, wordmark, dark fields
RGB 183 · 46 · 58
Primary actions and emphasis
RGB 255 · 255 · 255
Content fields and reverse artwork
RGB 203 · 209 · 220
Supporting fields and light artwork
Use navy on white or light grey, and white on navy or crimson. Keep light grey off white for essential text. Supporting website colors: Deep #101B38, Slate #566176, Paper #F5F6F8.
Use the original gradient SVG or PNG. The navy symbol moves from #101A3D through #233778 to #4159B5; crimson moves from #851725 through #B72E3A to #E43B46. The wordmark moves from #131D40 to #283E7A. Do not rebuild the gradient by eye.
HEX and RGB values describe digital color. Convert and proof with your print partner for the chosen material and process; no Pantone or fixed CMYK match is specified.
05 / Typography
400 / 500 / 600
Build. Innovate. Grow.
Geist is the website typeface and the recommended companion for digital communications. Use Regular 400 for body text, Medium 500 for headings, and Semibold 600 for emphasis.
The wordmark is based on General Sans Semibold 600. Its letters are outlined in the supplied SVGs. Always place the original artwork; do not recreate the logo by typing the name.
Use sentence case, left alignment, and 1.4–1.6 line height for body text. Start at 16 px for web body text and 14 px for labels. Use a clear hierarchy and generous spacing.
Use Arial when Geist is unavailable in documents or email. Font files are not included in the logo set; check the font license before installing or sharing.
06 / Usage
Use the horizontal SVG in the header and white artwork on the navy footer. Keep crimson for the main action.
Use a clear margin and a light background. Prefer SVG where supported, or a high-resolution PNG.
Use the logogram or supplied app icon. Keep the built-in plate and safe space for small sizes.
07 / Voice
Speak with calm confidence. Start with the business need, explain what the technology does, and state what it helps people achieve. Keep claims specific and supported.
EXAMPLE MESSAGEWe connect AI, data, and engineering to help teams work better and make informed decisions.
Use direct sentences and familiar words. Explain technical terms in context.
Describe capabilities accurately. Avoid guarantees, inflated claims, and unexplained superlatives.
Support human judgment. Respect privacy and make responsibility visible.
Write Spesica in running text and PT Spesica Lintas Maxima for the legal entity. Keep DinamisAI, TrueHire, and TrueSignal unchanged in both languages. Core tagline: “Build. Innovate. Grow.”
DinamisAI, TrueHire, and TrueSignal retain their own identities. Use “by Spesica” as a separate endorsement where appropriate. Keep clear space around each brand; do not merge product marks into the Spesica lockup.
08 / Downloads
Choose a language for the complete guide, or download the original logo assets.
PDF · 10 pages · Version 1.0
Guidelines · EnglishGuidelines · Bahasa IndonesiaSVG, PNG, WebP, favicons, usage notes, and asset manifest.
Download logo setIncludes horizontal, stacked, logogram, and wordmark compositions; gradient, solid, navy, white, and light-grey variants where available. Transparent zero-margin, white-plate, and navy-plate assets are named by use. Font files are not included.
SVG · Outlined vectors for websites and scalable artwork.
PNG · 6000 px wide compositions; 2400 px logograms for documents and presentations.
WebP · Lossless, 1200 px wide assets for websites.
The assets identify Spesica. Do not imply a partnership, endorsement, or ownership beyond your actual relationship with Spesica.