plexable-brand-visuals

Plexable Brand Visuals

Status: skeleton — fill in with exact tokens from the Plexable design system. Owners: update this skill whenever the design system changes so the team and Claude stay in sync.

Aesthetic Principle

Clarity over decoration. Plexable's visual identity reflects what it sells: structured, scalable, developer-ready interfaces. Visuals should feel calm, deliberate, and confident — never busy, never trendy-for-trend's-sake.

Color

TODO — add exact hex/HSL tokens.

• Primary: #TODO
• Background: #TODO
• Text: #TODO
• Accent: #TODO

Rules:

• Maximum 3 colors per surface.
• No gradients unless tied to a specific brand moment (TBD).
• High contrast — body text ≥ WCAG AA.

Typography

TODO — add the actual typefaces in use on plexable.com.

• Display: TODO
• Body: TODO
• Mono (code, technical): TODO

Rules:

• One display, one body, one mono. No mixing more families.
• Generous line-height (1.5+) for body.
• Tracking near zero — no spread-out display type.

Layout

• Grid-based. Asymmetric is OK; messy is not.
• White space is a brand element. Don't fill it.
• Anchor sections to a single hero metric or claim when possible.

Imagery

• Product UI screenshots > stock photography.
• Real client work > illustrations of abstract concepts.
• If illustration is needed: line-based, minimal, single-color.
• No emoji-heavy graphics. No "AI shimmer" gradients.

What to Reject

• Generic SaaS gradient blobs
• Photos of laptops on desks
• Hand-drawn doodle illustrations
• Glassmorphism, neumorphism, 3D blobs
• Anything that looks like a 2024 startup template

Image Generation Prompts (when needed)

Default style suffix to append:

"minimal, structured, calm, plenty of negative space, monochrome with a single accent, no people, no gradients, no 3D blobs"