10 By 10 Brand Identity

A complete profile of 10 By 10's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #526EB4
• secondary: #1E73BE
• accent: #FF7846
• background: #EFEFEF
• textPrimary: #454545
• link: #FF7846

Typography

• primary: Roboto — https://fonts.google.com/specimen/Roboto
• heading: Roboto — https://fonts.google.com/specimen/Roboto

Visual Assets

• Logo:
• Favicon:

UI Components

• input: background=#FFFFFF, textColor=#989898, borderColor=#D8DDE6, borderRadius=4px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy professionals

10 By 10 Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• Employer
  • Image:
  • Source: https://www.10by10.io/employer/
• Employer
  • Image:
  • Source: https://www.10by10.io/employer/
• Employer
  • Image:
  • Source: https://www.10by10.io/employer/
• Recruiter
  • Image:
  • Source: https://www.10by10.io/recruiter/
• Employer
  • Image:
  • Source: https://www.10by10.io/employer/
• Employer
  • Image:
  • Source: https://www.10by10.io/employer/

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
  {
  "family": "Roboto",
  "role": "body"
  },
  {
  "family": "Helvetica",
  "role": "body"
  },
  {
  "family": "Arial",
  "role": "body"
  }
 ],
 "colors": {
  "primary": "#526EB4",
  "secondary": "#1E73BE",
  "accent": "#FF7846",
  "background": "#EFEFEF",
  "textPrimary": "#454545",
  "link": "#FF7846"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Roboto",
   "heading": "Roboto"
  },
  "fontStacks": {
   "heading": [
   "-apple-system",
   "system-ui",
   "BlinkMacSystemFont",
   "Segoe UI",
   "Helvetica",
   "Arial",
   "sans-serif",
   "Apple Color Emoji",
   "Segoe UI Emoji",
   "Segoe UI Symbol"
   ],
   "body": [
   "-apple-system",
   "system-ui",
   "BlinkMacSystemFont",
   "Segoe UI",
   "Helvetica",
   "Arial",
   "sans-serif",
   "Apple Color Emoji",
   "Segoe UI Emoji",
   "Segoe UI Symbol"
   ],
   "paragraph": [
   "Roboto",
   "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "17px",
   "h2": "40px",
   "body": "18px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "2px"
 },
 "components": {
  "input": {
   "background": "#FFFFFF",
   "textColor": "#989898",
   "borderColor": "#D8DDE6",
   "borderRadius": "4px",
   "borderRadiusCorners": {
   "topLeft": "4px",
   "topRight": "4px",
   "bottomRight": "4px",
   "bottomLeft": "4px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "https://www.10by10.io/wp-content/uploads/2019/09/10x10-Logo-White_LightBlue_3x.png",
  "favicon": "https://www.10by10.io/wp-content/uploads/2018/05/32-px-10x-Green.png",
  "ogImage": null,
  "logoHref": "https://www.10by10.io"
 },
 "personality": {
  "tone": "modern",
  "energy": "medium",
  "targetAudience": "tech-savvy professionals"
 },
 "designSystem": {
  "framework": "custom",
  "componentLibrary": ""
 },
 "confidence": {
  "buttons": 0,
  "colors": 0.9,
  "overall": 0.45
 }
}