
Preview image. Unlock full-res
joyful, high-contrast messaging
Honk uses a vibrant, high-contrast visual system where bold primary colors make the interface pop. The design relies on a striking blue canvas accented by bright yellow highlights and white text, creating an energetic and direct communication style. Typography is bold and casual, contributing to an approachable, fun atmosphere. Most elements are flat with minimal shadows, emphasizing clarity and quick interaction. Use Sky Canvas (#008fff) as the foundational background for most sections to maintain a high-energy, immersive feel. Apply Sunshine Accent (#ffe400) selectively for major headers and highlight elements to create emphasis against the blue background. Ensure all primary text on Sky Canvas uses Paper White (#ffffff) for maximum contrast and legibility. Utilize Honk Header font (weight 700) at 52px for all top-level page headings, with a letter-spacing of -0.62px to give a strong, bold identity. Implement Honk Sans for all body text, using 14px/400 weight for general paragraphs and 16px/500 weight with -0.42px letter-spacing for subheadings or more prominent paragraphs. Maintain minimal border radii where observed: 6px for individual links/buttons and 16px for larger 'other' container elements to introduce soft friendly edges. Use 16px as a comfortable base for element spacing where default grid gaps are not explicitly defined, providing adequate breathing room. Avoid using multiple chromatic colors beyond Sky Canvas and Sunshine Accent; the system relies on this high-contrast two-tone approach. Do not introduce complex shadows or gradients; concentrate on flat, clean design with color providing definition. Refrain from using thin light typography for headlines; the system prioritizes bold and impactful messaging. Do not place body text directly on Sky Canvas backgrounds in a small size without adequate contrast; if using Charcoal Text (#111111), ensure it's on a Paper White (#ffffff) surface. Avoid excessive use of borders; elements should primarily be defined by color blocks or subtle shifts in surface.









