Ask The W icon
Ask The W Brand Sheet
AI-native workspace, built for humans
v2.1 / June 2026

Brand direction

AI-native workspace, built for humans

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.

Ask The W

Palette colors support the system. They do not replace the white brand surface.

01 / Palette

Core brand colors

Black anchors the header and typography. Rose and blue appear as highlights. Cream is documented as a dark-mode text token, not a page background, logo fill, or card surface.

#05070a

Canopy Black

Forest prototype stage and cinematic moments outside this white sheet.

#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,.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.

02 / Scene colors

Animated world only

Greens and browns belong inside the forest prototype, not the core brand typography.

#4d3a26 / #5a4530 / #473521

Bark Brown

Trunks, ground, branches, and environmental depth.

#74b063 / #477a4c / #a8d98a

Leaf Green

Leaves, canopy, and world-specific organic detail.

03 / Social headers

Twitter and LinkedIn

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.

04 / Logo use

Core assets

Use black lockups and icons on the white brand sheet. Keep cream and colored treatments out of core logo surfaces.

Horizontal black on white lockup

Horizontal black on white

lockup/lockup-horizontal-dark.svg

Black W mark

Mark black

icon/svg/mark-black.svg

Icon black on white

Icon black on white

icon/svg/icon-black-on-white.svg

05 / Rules

How it should feel

Calm, legible, and human. The page is white; color is a supporting signal.

Surface

White or nocturne

Use white for the brand sheet and product surfaces; use black nocturne only for dark social assets and cinematic moments.

Header

Black for chrome

Use Header Black for navigation and high-contrast product chrome.

Highlights

Color with restraint

Use rose, blue, green, and brown as accents, swatches, dividers, and scene details.

06 / Root paths

Implementation references

Public paths for favicons, manifests, source files, and social assets.

/brand/Brand-Sheet.html
/brand/social/twitter-header-centered.svg
/brand/social/twitter-header-centered.png
/brand/social/twitter-header-centered-dark.svg
/brand/social/twitter-header-centered-dark.png
/brand/social/twitter-header-editorial-v2.svg
/brand/social/twitter-header-editorial-v2.png
/brand/social/twitter-header-editorial-dark.svg
/brand/social/twitter-header-editorial-dark.png
/brand/social/linkedin-company-banner.svg
/brand/social/linkedin-company-banner.png
/brand/social/linkedin-company-banner-dark.svg
/brand/social/linkedin-company-banner-dark.png
/brand/social/linkedin-personal-banner.svg
/brand/social/linkedin-personal-banner.png
/brand/social/linkedin-personal-banner-dark.svg
/brand/social/linkedin-personal-banner-dark.png
/favicon/favicon-32.png