iD Tech Style Guide

Our mission
Our mission is to create life-changing tech experiences that embolden students to shape the future.
About us
iD Tech gives kids and teens a long-term advantage in a challenging, competitive world by helping them unlock their limitless potential through top-notch learning, creative interaction, and mentorship. At iD Tech, we all embody The Campers Spirit. These attributes help us reinforce our mission and purpose.
Logos
Company Logo
iD Tech is the parent company for all of our unique on-campus and online tech experiences. You may use either the horizontal or stacked version of the company logo, depending on the space available.
NOTE: If the logo is being printed at less than 1.5" width, or digitally displayed less than 300px, please use the logo without the tagline.
Primary
Our primary logo is used to visually represent and identify our company or brand.

Horizontal with tagline
For use on white or light background

Horizontal without tagline
For use on white or light background

Stacked with tagline
For use on white or light background

Stacked without tagline
For use on white or light background
Green & white
Our green & white logo is used to visually represent and identify our company/brand on dark backgrounds.

Horizontal with tagline
For use on dark backgrounds

Horizontal without tagline
For use on dark backgrounds

Stacked with tagline
For use on dark backgrounds

Stacked without tagline
For use on dark backgrounds
White
Our white logo is commonly used in specific situations to create a distinct visual impact. Examples are: Contrast on dark backgrounds, limited color options, watermarks, overlays, and monochromatic designs.

Horizontal with tagline
For use on green or dark backgrounds when one color is necessary

Horizontal without tagline
For use on green or dark backgrounds when one color is necessary

Stacked with tagline
For use on green or dark backgrounds when one color is necessary

Stacked without tagline
For use on green or dark backgrounds when one color is necessary
Grey
Our grey logo is often chosen for specific purposes and design considerations. Examples are: Printed materials and monochromatic designs.

Horizontal with tagline
All grey

Horizontal without tagline
All grey

Stacked with tagline
All grey

Stacked without tagline
All grey
Circle Only
Our circle logo is a shorter version of the primary logo and is only to be used within applications or when you do not have enough room for the full horizontal or stacked logos. It may also be used in other design considerations, such as print and embroidery materials.

Green
Use for most applications

All white
Use on dark backgrounds

Grey
Use only when green and white do not work
Logo Spacing Guidelines
Always position the logo with enough padding. This helps our logo appear clean and uncluttered and maximizes impact. Clear space is developed from the height and width of letters within the logo itself.

Horizontal Logos
Spacing for horizontal logos

Stacked Logos
Spacing for stacked logos

Circle Logos
Spacing for circle logos
Logo Usage
The iD Tech logo should be reproduced exactly as it appears in supplied digital files. Consistent use of the logo is key to maintaining a cohesive and effective identity. If the logo appears altered or modified, it becomes less reliable. These guidelines apply to all versions of the logo.

DO NOT
place the logo over incorrect backgrounds

DO NOT
change the font typography

DO NOT
alter the logo

DO NOT
alter the logo colors
Tech Camps Logo
iD Tech Camps is a subset logo of the parent company and is used in unique instances. You may use either the horizontal or stacked version of the company logo, depending on the space available.
Typography
Primary Font
Poppins is geometric in style, clean, and includes different font weights, from thin to black. Thanks to this range of font styles and the font’s open feel (as you can see in the loops of the “p” and “o” above), this font is great for both headlines and paragraph copy to improve readability and style. To enhance readability, line spacing of all font attributes should be 1.5x the font size and letter spacing should be .3x the font size.
Company Logo Font
Use for logos only.
Accent Fonts
For use with specific logos and material
Colors
iD Green establishes our brand. It sends a clear and powerful connection to the world of technology and creates excitement. However, iD Green does not meet the standards for web accessibility. Therefore, iD Green is to be used in header displays and main cta's to highlight key elements and Dark Grey acts as the Primary color within a page.
Primary & Secondary

Dark Grey
Primary Color
HEX: #1f1f1f
RGB: 31, 31, 31
CMYK: 0, 0, 0, 88

iD Green
Primary Color
HEX: #94D500
RGB: 148, 213, 0
CMYK: 45, 0, 100, 0

Light Grey
Secondary Color
HEX: #efefef
RGB: 239, 239, 239
CMYK: 0, 0, 0, 6

Black
Secondary Color
HEX: #000000
RGB: 0, 0, 0
CMYK: 0, 0, 0, 100
Text

Headers
#1f1f1f
Strongest color without straining the users eye.
Used for Headers

Labels
#333333
Strong contrast that displays priority.
Used for Card labels.

Body Text
#4c4c4c
Medium contrast that creates minimal strain on the users eyes. Perfect for heavy content.
Used for paragraphs and sections with a lot of text.

Sub Text
#757575
Lowest usability contrast for font.
Used for quick text, such as card details and sub options.
Grayscale
Low contrast colors. These colors are to be used with borders and backgrounds

Grey 1
#A6A6A6

Grey 2
#BFBFBF

Grey 3
#D9D9D9

Grey 4
#EFEFEF
Gradients
Use for accent on headers and backgrounds

Blue to Green
#1299CB
#0FD16F

Green to Teal
#65C96B
#3CAD9F

Seafoam to Blue
#24CA8B
#1B71B5

Grey to Black
#626262
#1F1F1F

Green to Dark Green
#9AC92F
#6FA100

Blue to Dark Blue
#4641DF
#0C099B