our brand
we invite our friends, partners, and press to use the tech night! brand in their materials. please follow these guidelines to keep things consistent.
our logo
the logo
the tech night logo is our primary brand mark. use the version that provides the best contrast against your background.
on light backgrounds
on dark backgrounds
on brand pink
tech night!
wordmark
our palette
colors
our signature pink palette defines the tech night brand. use the full scale to create hierarchy and contrast.
brand pink
brand pink 50
lightest tint
brand pink 100
surface
brand pink 200
primary background
brand pink 300
muted / border
brand pink 400
accent
brand pink 500
brand pink
brand pink 600
hover / focus
brand pink 700
brand strong
brand pink 800
deep pink
brand pink 900
darkest shade
neutrals
neutral 50
light surface
neutral 100
secondary background
neutral 200
border
neutral 300
input border
neutral 500
muted text
neutral 700
secondary text
neutral 900
primary text
surfaces
off-white
page background
white
card surface
our type
typography
our type system pairs a custom title font with clean sans-serif body text for warmth and readability.
display / title
tech night!
our custom title font is used for the wordmark, headings, and display text. it gives the brand its playful, recognizable character.
subtitle
make new friends!
chewy is our subtitle font — warm and approachable, used for subheadings and callouts that complement the title font.
body / sans-serif
the quick brown fox jumps over the lazy dog
domus is our primary body typeface — clean and modern, used for paragraphs, UI elements, and general content.
monospace
console.log('hi!')
our monospace font is used for code snippets, technical content, and data displays across the platform.
guidelines
usage
help us keep the brand consistent. here are some simple rules for using the tech night assets.
do
- ✓use the logo with adequate clear space around it
- ✓write "tech night" in all lowercase
- ✓use the exclamation mark: tech night!
- ✓pair the logo with our brand pink background when possible
- ✓link back to technight.events when referencing us
don't
- ✗alter, rotate, or distort the logo
- ✗change the logo colors or apply effects
- ✗use "Tech Night", "TechNight", or "TECH NIGHT"
- ✗place the logo on busy or low-contrast backgrounds
- ✗use the brand to imply endorsement without permission
questions?
for brand partnership inquiries, press requests, or if you need assets in a different format, reach out to us.