#05070a
Canopy Black
Forest prototype stage and cinematic moments outside this white sheet.
Brand direction
AI-native workspace, built for humans
Forest greens and browns stay reserved for the animated world.
Palette
Core brand colors
The field is white or black. Dusty rose and signal blue stay as highlights — accent rules and the emphasized line — never backgrounds. The W chip always inverts against its field.
#111110
Header Black
Navigation and header chrome.
#f6efe6
Warm Cream
Dark-mode text token only, not a page or logo surface.
rgba(246, 239, 230, 0.7)
Dim Cream
Dark-mode secondary text only, never a white-page surface.
#a85a63
Dusty Rose
Accent bars, active markers, and shimmer base.
#d98a94
Rose Light
CTA accents, link underlines, and shimmer highlights.
#3aa0c9
Signal Blue
Glow strokes, section markers, and energy lines.
#79c2e2 / #bfe5f4
Soft Blue Highlight
Supporting marker accents and glow stops.
Direction
White or black field, dusty rose and signal blue as highlights
The product system should feel cinematic, calm, and human. Use rose for warmth and choice; use signal blue for intelligence, guidance, and motion. Use both as highlights.
#4d3a26 / #5a4530 / #473521
Bark Brown
Scene art only: trunks, ground, branches, and environmental depth.
#74b063 / #477a4c / #a8d98a
Leaf Green
Scene art only: leaves, canopy, and organic world detail.
Social headers
X/Twitter and LinkedIn headers ship in two keys — white paper and black nocturne — with the W chip inverted and rose plus signal blue used only as highlights. Pick the one that suits your profile.
SVG/PNG1500x500X/Twitterpaper
X header centered, paper
Centered lockup on the white paper field with a full signal band.
/brand/social/twitter-header-centered.svg
SVG/PNG1500x500X/Twitternocturne
X header centered, nocturne
Dark companion: paper W chip on the nocturne field with rose and blue glow.
/brand/social/twitter-header-centered-dark.svg
SVG/PNG1500x500X/Twitterpaper
X header editorial, paper
Left lockup with a large tagline and signal arc, room for profile cropping.
/brand/social/twitter-header-editorial-v2.svg
SVG/PNG1500x500X/Twitternocturne
X header editorial, nocturne
Dark editorial layout with the inverted W chip and a glowing signal arc.
/brand/social/twitter-header-editorial-dark.svg
SVG/PNG1128x191LinkedInpaper
LinkedIn company, paper
Compact centered lockup for company pages on the white paper field.
/brand/social/linkedin-company-banner.svg
SVG/PNG1128x191LinkedInnocturne
LinkedIn company, nocturne
Dark companion banner for company pages.
/brand/social/linkedin-company-banner-dark.svg
SVG/PNG1584x396LinkedInpaper
LinkedIn personal, paper
Centered lockup with generous avatar-safe space for personal profiles.
/brand/social/linkedin-personal-banner.svg
SVG/PNG1584x396LinkedInnocturne
LinkedIn personal, nocturne
Dark companion banner for personal profiles.
/brand/social/linkedin-personal-banner-dark.svg
Root paths
App Icons
Black marks on white surfaces and light marks on black surfaces — square, circle, and standalone — for avatars, launchers, and product surfaces.
SVG/PNGsquareprimary
Icon black on white
Primary square icon on the white brand surface.
/brand/icon/svg/icon-black-on-white.svg
SVG/PNGsquareon black
Icon white on black
Square icon with the light mark on the black surface, for dark product surfaces.
/brand/icon/svg/icon-cream-on-black.svg
SVG/PNGcircleavatar
Circle black on white
Round avatar icon on the white brand surface.
/brand/icon/svg/circle-black-on-white.svg
SVG/PNGcircleon black
Circle white on black
Round avatar icon with the light mark on the black surface, for dark profiles.
/brand/icon/svg/circle-cream-on-black.svg
SVG/PNGmarkblack
Mark black
Standalone W mark for small or monochrome placements on light surfaces.
/brand/icon/svg/mark-black.svg
SVG/PNGmarkcream
Mark cream
Standalone light W mark for small or monochrome placements on dark surfaces.
/brand/icon/svg/mark-cream.svg
Favicons
Install these from the root favicon paths or use the manifest directly.
site.webmanifest
Social
Ready-made brand images for shared links.
PNG1200x630
Open Graph image
Default preview image for shared links.
/brand/social/og-image.png
Source
Original cleaned source image for future derivative exports.
PNGsource
Cleaned logo source
Source image for regenerating or editing the mark.
/brand/source/logo-source-cleaned.png