Prisma Labs

Prisma Labs

Preview image. Unlock full-res

High-contrast digital clarity

Industrydesign
Palette
#ffffff
#0d0d0d
#333333
#ffd600
#ff0062

Prisma Labs uses a high-contrast experience with a bright, functional yellow acting as the primary accent against a stark white canvas and deep charcoal text. This creates an energetic and direct communication style. Typography is dense and assertive, with close letter-spacing giving a compact feel. Call-to-action elements are distinct and bold, leveraging the vivid yellow to draw immediate attention. Components are lightweight with minimal adornment, emphasizing content and interaction over heavy UI chrome. Always use Action Yellow (#ffd600) for primary interactive elements, ensuring high contrast against Canvas White. Apply Charcoal Text (#0d0d0d) for all main headings and body text, maintaining a crisp reading experience. Utilize Cofo sans at 72px weight 700 with -0.0070em letter-spacing for all hero-level headlines. Implement 16px border-radius for all interactive buttons and 10px for other UI containers, providing a consistent soft-edged feel. Maintain a clear visual hierarchy by limiting color; use Highlight Red (#ff0062) sparingly for small, high-emphasis notifications or markers. Ensure generous vertical spacing for sections, using the 84px sectionGap to create breathing room between content blocks. Use Greyed Text (#333333) for secondary information, sub-navigation, and less prominent links to establish visual hierarchy. Do not use Action Yellow (#ffd600) for decorative purposes; reserve it strictly for calls-to-action and active states. Avoid introducing additional saturated colors unless they serve a clear and distinct functional purpose (e.g., semantic states not present on site). Do not use Cofo sans without its characteristic tight letter-spacing; it is integral to the brand's typographic aesthetic. Refrain from heavy shadows or multiple borders on components, as the system favors a light and direct visual style. Do not vary line-height significantly for Cofo sans headings; maintain values close to 1.1 or 1.0 to keep text compact. Avoid using Charcoal Text (#0d0d0d) on any background color other than Canvas White or Action Yellow to preserve contrast. Do not use a body text size smaller than 14px (Arial) or 18px (Cofo sans) to ensure readability against the high contrast background.

More like this