Design

Design and Branding

This page covers the visual and interaction design choices for whybit.

Brand Expression

• Typographic look is bold, modern, and minimal.
• Orange accent is used as the brand color for the logo dot and hover interactions.
• The site tries to feel playful without being childish.

UI details

• The hero copy and manifesto emphasize curiosity and making.
• The marquee text creates motion and reinforces the brand phrases.
• Button interactions use a subtle magnetic hover effect.

Accessibility and performance

• Keep the layout fluid and responsive.
• Use clear contrast and readable type sizes.
• Avoid heavy frameworks; the site is static with small JS.