Ask The W Brand Sheet
Brand direction
White canvas + header black + dusty rose + signal blue. Keep the sheet white, use black for headers and type, and use the black nocturne field only for dark social assets and cinematic moments.
On a light page, the custom W inverts: cream mark on ink.
01 / Palette
Black anchors the header and typography. Rose and blue appear as highlights. Cream is the light W glyph and dark-mode text, not a page or card surface.
Forest prototype stage and cinematic moments outside this white sheet.
Navigation and header chrome.
Light W glyph and dark-mode text, not a page or card surface.
Dark-mode secondary text only, never a white-page surface.
Accent bars, active markers, and shimmer base.
CTA accents, link underlines, and shimmer highlights.
Glow strokes, section markers, and energy lines.
Supporting marker accents and glow stops.
02 / Scene colors
Greens and browns belong inside the forest prototype, not the core brand typography.
Trunks, ground, branches, and environmental depth.
Leaves, canopy, and world-specific organic detail.
03 / Social headers
Profile headers ship in paper and nocturne keys. Keep the SVG source files and use the PNG companions for upload surfaces that prefer raster images.
social/twitter-header-centered.svg + .png / 1500x500
social/twitter-header-centered-dark.svg + .png / 1500x500
social/twitter-header-editorial-v2.svg + .png / 1500x500
social/twitter-header-editorial-dark.svg + .png / 1500x500
social/linkedin-company-banner.svg + .png / 1128x191
social/linkedin-company-banner-dark.svg + .png / 1128x191
social/linkedin-personal-banner.svg + .png / 1584x396
social/linkedin-personal-banner-dark.svg + .png / 1584x396
04 / Logo use
Ship the W chip plus the Ask The W wordmark. Dark logo on white, light logo on black. The chip always inverts against its field.
lockup/lockup-horizontal-dark.svg + .png
lockup/lockup-horizontal-light.svg + .png
lockup/lockup-stacked-dark.svg + .png
lockup/lockup-stacked-light.svg + .png
05 / Rules
Calm, legible, and human. The page is white; color is a supporting signal.
Logo
On light fields, use the cream W on an ink chip. On dark fields, use the ink W on a paper chip. Never black on white on a white page.
Header
Use Header Black for navigation and high-contrast product chrome.
Highlights
Use rose, blue, green, and brown as accents, swatches, dividers, and scene details.
06 / Root paths
Public paths for favicons, manifests, source files, and social assets.
