Brand kit

Woes brand assets and visual system.

Use these official Woes logos, icons, colors, and typography when writing about or visually representing Woes.

Brand name

Woes

Domain

woes.dev

Official logo assets

Woes.dev wordmark

Primary public wordmark for marketing headers, partner pages, and high-recognition placements.

Download

/brand/woes-dev-wordmark.png

Woes wordmark

Compact wordmark for placements where the dot-dev domain is already clear.

Download

/brand/woes-wordmark.png

Woes mark

Square brand mark for app surfaces, favicon-like placements, and small identity moments.

Download

/brand/woes-mark.png

Widget icon

Live chat widget launcher icon used for customer-facing support entry points.

Download

/brand/woes-widget-icon.png

Color

Core palette

Primary orange

#ff7038

--palette-primary

Primary calls to action, active states, highlights, focus moments.

Orange light

#ff8a5a

--palette-primary-light

Hover states, glows, small accents, and elevated brand details.

Orange pastel

#ffcba8

--palette-primary-pastel

Soft emphasis on dark surfaces and accessible accent text.

Brand mark orange

#ff6633

--palette-brand-mark

Official logo plate and brand-mark background.

Brand mark ink

#17120f

--palette-brand-mark-ink

Logo ink color inside the official wordmark assets.

Marketing black

#0e0e0f

marketing shell

Marketing page background and high-contrast brand surfaces.

Charcoal surface

#262626

--palette-dark-surface

Main app shell and dark product surfaces.

Cream text

#ece5d5

--palette-text-primary

Primary readable text on charcoal surfaces.

Light canvas

#f2f2f2

--palette-light-background

Neutral light-mode page canvas.

Positive

#6fb46b

--palette-positive

Resolved, success, verified, and healthy states.

Warning

#e2a93b

--palette-tertiary

At-risk, warning, and attention states.

Fault

#e0584f

--palette-fault

Errors, destructive actions, and blocked states.

Typography

Font system

Primary UI and headings

Inter Tight

API-native developer support

--font-sans and --font-heading

Technical labels and code

JetBrains Mono

workspace.agent.context.v1

--font-mono

Editorial display

Instrument Serif

Woes runs them.

--font-display

Icons and social

Favicon, app icon, and preview assets

Favicon

Browser icon

The site favicon is served from /favicon.ico and includes 16px and 32px PNG icon sizes.

App icon

Apple touch icon and high-resolution app icon.

Download

/woes-app-icon-1024.png

Social card

Default Open Graph and Twitter social preview image.

Download

/og/woes-social-card.png

Usage

How to use the Woes brand

Use the official PNG assets from this kit instead of recreating the wordmark.

Keep the orange logo plate intact. Do not recolor, stretch, outline, or add effects to the logo.

Give the wordmark clear space at least equal to the height of the W mark around all sides.

Use primary orange for action and identity, not for large paragraphs of body text.

Use JetBrains Mono for labels, IDs, commands, and technical metadata only.