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
warm neutrals make up most of the interface. light pink carries our personality, dark rose is reserved for ink, and supporting colors communicate meaning sparingly.
foundation
canvas, surfaces, text, borders, and controls use the warm neutral scale.
brand layer
logo pink and its lighter neighbors carry selection, action, and delight.
semantic layer
status color always appears with a label, icon, or clear action.
brand surfaces
#fffcfd
brand pink 50
airy canvas tint
#fff7fb
brand pink 100
soft brand surface
#fdeef6
brand pink 200
petal surface
#fae3f1
brand pink 300
logo pink
#f6d7e8
brand pink 400
selected surface
#f3cde1
brand pink 500
primary action
#efbbd5
brand pink 600
action hover
#e8a9c9
brand pink 700
action pressed
brand ink
these darker roses are used as text on pale pink or white. they are not large background fills.
tech night!
#a94e7c
display rose
large text only
tech night!
#7a2a55
brand ink
labels and links
tech night!
#5f1d40
deep rose ink
action text and hover
neutrals
#fffcfd
neutral 50
light surface
#faf7f8
neutral 100
secondary background
#f1ecee
neutral 200
border
#ded6da
neutral 300
input border
#6e666a
neutral 400
tertiary text
#655e62
neutral 500
muted text
#4e474b
neutral 700
secondary text
#282326
neutral 900
primary text
supporting states
use these conservatively and pair them with language or an icon so color is never the only signal.
success
#e6f6f1 / #20564f
confirmed and active
information
#e8f2ff / #264b73
neutral system guidance
warning
#fff0c7 / #5c4800
attention without danger
destructive
#fdeeed / #8f2a25
errors and confirmation
solid red #b3362f is reserved for irreversible actions; hover uses #8f2a25.
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.