Starbreak is a software studio based in New York City. We build web apps, mobile apps, and custom tools for ambitious teams. These guidelines ensure our brand communicates with clarity, confidence, and consistency across every touchpoint.
Contents
Logo01
Typography05
Clear Space02
Social Media06
Minimum Size03
Email Signature07
Logo Don'ts03
Favicon & App Icon08
Color Palette04
Business Card09
01 — Logo
Primary Mark
The Starbreak mark consists of two angular brackets facing each other with a star form at the center. It represents the convergence of ideas and the spark of creation.
Mark on Backgrounds
On Black #050507
On White #FFFFFF
On Gray #E8E8EC
Horizontal Lockup
Starbreak
Starbreak
Stacked Lockup
Starbreak
Starbreak
02 — Logo Clear Space
Clear Space
Maintain a minimum clear space around the logo equal to the diameter of the central star element (marked as "X"). This ensures the logo is never crowded by other elements.
X
X
X
X
X = diameter of the central star element
03 — Minimum Size
Minimum Size
Never reproduce the logo smaller than these minimum sizes to maintain legibility and brand integrity.
24px
Mark only (digital)
Starbreak
120px wide
Horizontal lockup (digital)
10mm
Mark only (print)
03 — Logo Don'ts
Incorrect Usage
The logo should never be modified, distorted, or displayed in a way that compromises its integrity. Avoid these common misuses.
Don't stretch or distort
Don't rotate the logo
Don't use unapproved colors
Don't add drop shadows
Don't outline the logo
Don't use low contrast
04 — Color
Color Palette
Our palette is anchored in deep blacks and clean whites, with a focused blue accent for emphasis. The secondary palette supports UI surfaces and text hierarchy.
Primary Colors
Black — Primary
#050507 · RGB 5, 5, 7
White — Primary
#FFFFFF · RGB 255, 255, 255
Accent
Blue — Accent
#4D7CFF · RGB 77, 124, 255
Secondary / UI Colors
Dark Surface
#0A0A0F
Border
#141420
Muted Text
#333345
Dim Text
#666680
Usage Guidance
Dark Mode
Heading Text
Body text on dark surfaces uses Dim (#666680) for readability.
Accent Button
Light Mode
Heading Text
Body text on light surfaces uses Dim (#666680) for readability.
Primary Button
05 — Typography
Inter Typeface
Inter is our primary typeface across all touchpoints — digital and print. Designed for screens, it offers excellent readability at all sizes with a clean, modern character.
Weights
Aa
Light
300
Aa
Regular
400
Aa
Medium
500
Aa
SemiBold
600
Aa
Bold
700
Sb
Wordmark
700 Bold
Type Scale
Display — 48px / Bold / -1px tracking
Build what matters
H1 — 36px / Bold / -0.5px tracking
Section Heading
H2 — 24px / SemiBold / -0.3px tracking
Subsection Heading
Body — 15px / Regular / 1.7 line-height
Starbreak is a software studio based in New York City. We design and build web applications, mobile apps, and custom tools for ambitious teams who demand quality.
Consistent use of the mark across social platforms reinforces brand recognition. Always use the logo mark — never the full lockup — for profile pictures.
Profile Picture
Circle crop preview
Specifications
• Export at 400×400px minimum
• Black background (#050507)
• Logo mark centered, white fill
• Mark should occupy ~60% of canvas width
• Use for Twitter/X, LinkedIn, GitHub, Instagram
Banner / Header
Starbreak
Twitter/X: 1500×500px · LinkedIn: 1584×396px · Export at 2x for Retina
Post Template
We're launching something new.
Announcement style — logo + headline on black. Clean, bold, on-brand.
Build faster. Ship smarter.
starbreak.dev
Accent variant — use sparingly for high-impact moments and campaigns.
07 — Email Signature
Email Signature
A clean, minimal signature that reinforces the brand in every email. Use the logo mark as a visual anchor with essential contact info.
• Logo mark at 40×40px, black fill
• Name: Inter SemiBold 14px, #050507
• Title: Inter Medium 12px, #4D7CFF
• Contact: Inter Regular 11px, #666680
• Vertical divider: 1px, #E8E8EC
• No images, banners, or quotes
08 — Favicon & App Icon
App Icons
The logo mark scales from tiny favicons to large app icons. Always use the full mark on a black background with generous padding.
16px Favicon
32px Favicon 2x
180px Apple Touch
512px App Icon
09 — Business Card
Business Card
Standard 3.5" × 2" business card. Front features the wordmark lockup on black. Back is clean white with contact details.