AppyDave Brand Guide
Visual identity guidelines, color preferences, typography standards, and brand consistency tools for the AppyDave personal brand.
AppyDave Brand Guidelines - Swatch Preferences
Dark Brown Background
Light Brown + Yellow
AppyDave
Click 1, 2, or 3 to set as variant
Yellow + Light Brown
AppyDave
Click 1, 2, or 3 to set as variant
White + Yellow
AppyDave
Click 1, 2, or 3 to set as variant
Yellow + White
AppyDave
Click 1, 2, or 3 to set as variant
Light Brown + White
AppyDave
Click 1, 2, or 3 to set as variant
White + Light Brown
AppyDave
Click 1, 2, or 3 to set as variant
Dark Brown + Yellow
AppyDave
POOR CONTRAST
Yellow + Dark Brown
AppyDave
POOR CONTRAST
Dark Brown + White
AppyDave
POOR CONTRAST
White + Dark Brown
AppyDave
POOR CONTRAST
Dark Brown + Light Brown
AppyDave
POOR CONTRAST
Light Brown + Dark Brown
AppyDave
POOR CONTRAST
White Background
Light Brown + Yellow
AppyDave
Click 1, 2, or 3 to set as variant
Yellow + Light Brown
AppyDave
Click 1, 2, or 3 to set as variant
White + Yellow
AppyDave
POOR CONTRAST
Yellow + White
AppyDave
POOR CONTRAST
Light Brown + White
AppyDave
POOR CONTRAST
White + Light Brown
AppyDave
POOR CONTRAST
Dark Brown + Yellow
AppyDave
Click 1, 2, or 3 to set as variant
Yellow + Dark Brown
AppyDave
Click 1, 2, or 3 to set as variant
Dark Brown + White
AppyDave
POOR CONTRAST
White + Dark Brown
AppyDave
POOR CONTRAST
Dark Brown + Light Brown
AppyDave
Click 1, 2, or 3 to set as variant
Light Brown + Dark Brown
AppyDave
Click 1, 2, or 3 to set as variant
Yellow Background
Light Brown + Yellow
AppyDave
POOR CONTRAST
Yellow + Light Brown
AppyDave
POOR CONTRAST
White + Yellow
AppyDave
POOR CONTRAST
Yellow + White
AppyDave
POOR CONTRAST
Light Brown + White
AppyDave
Click 1, 2, or 3 to set as variant
White + Light Brown
AppyDave
Click 1, 2, or 3 to set as variant
Dark Brown + Yellow
AppyDave
POOR CONTRAST
Yellow + Dark Brown
AppyDave
POOR CONTRAST
Dark Brown + White
AppyDave
Click 1, 2, or 3 to set as variant
White + Dark Brown
AppyDave
Click 1, 2, or 3 to set as variant
Dark Brown + Light Brown
AppyDave
Click 1, 2, or 3 to set as variant
Light Brown + Dark Brown
AppyDave
Click 1, 2, or 3 to set as variant
Light Brown Background
Light Brown + Yellow
AppyDave
POOR CONTRAST
Yellow + Light Brown
AppyDave
POOR CONTRAST
White + Yellow
AppyDave
Click 1, 2, or 3 to set as variant
Yellow + White
AppyDave
Click 1, 2, or 3 to set as variant
Light Brown + White
AppyDave
POOR CONTRAST
White + Light Brown
AppyDave
POOR CONTRAST
Dark Brown + Yellow
AppyDave
Click 1, 2, or 3 to set as variant
Yellow + Dark Brown
AppyDave
Click 1, 2, or 3 to set as variant
Dark Brown + White
AppyDave
Click 1, 2, or 3 to set as variant
White + Dark Brown
AppyDave
Click 1, 2, or 3 to set as variant
Dark Brown + Light Brown
AppyDave
POOR CONTRAST
Light Brown + Dark Brown
AppyDave
POOR CONTRAST
How to Use
1. Click variant buttons (1-3) to rank your preferred AppyDave color combinations for each background.
2. Variant 1 = Most preferred, Variant 2 = Second choice, Variant 3 = Third choice.
3. Your preferences automatically save to clipboard as JSON for easy sharing.
Selected combinations get highlighted borders and show "Variant #" badges.
This component will eventually move to a dedicated Brand Guidelines page.
Coming Soon
Typography Guide
BebasNeue, Oswald, and Roboto usage examples and hierarchy.
Logo Standards
AppyDave logo variations, sizing, and placement guidelines.
Component Library
Buttons, cards, and UI element examples with brand styling.