Primary wordmark
400 x 100 SVG
The default HatchIt logo for dark product, press, and partner surfaces.
Core identity
Logos
Use the wordmark wherever the name needs to be explicit. Use the It mark for compact or square placements.
SVG
App mark
512 x 512 SVG
The square It mark used for avatars, favicons, app icons, and compact placements.
Share surfaces
Social banners
Current social artwork uses the dark studio surface, HatchIt wordmark, emerald accent, and the homepage promise.
Open Graph / social share
1200 x 630
Primary link-preview card for product launches, articles, and external shares.
X header
1500 x 500
Wide profile header using the current homepage line and product positioning.
LinkedIn company cover
1128 x 191
Compact cover image with wordmark, tagline, and HatchIt product signal.
Reddit desktop banner
1920 x 384
Community header for desktop layouts and wide announcement surfaces.
Reddit mobile banner
1600 x 480
Mobile community header with more vertical breathing room.
Profile picture
400 x 400
Square avatar built from the current It mark.
Visual system
Color palette
The brand should feel precise, technical, and production-ready: dark neutrals with emerald as the primary action color and cyan as a restrained highlight.
Studio black
#09090b
Panel
#18181b
Border
#27272a
Emerald
#10b981
Emerald light
#34d399
Cyan accent
#22d3ee
Messaging
Current tagline
Brief it once. Ship a real site tonight.
AI website builder for agencies and freelancers. Generate a multi-page, on-brand business site, refine it with Co-Build, deploy it, and keep the React code.