
Preview image. Unlock full-res
Blackrock and Molten Orange. A landscape of dark, solid forms punctuated by sharp, glowing accents.
Pipe presents a confident, high-contrast dark theme. The almost-black background paired with stark white typography gives it a technical, no-nonsense feel, while a single vivid orange accent color slices through to highlight key interactions. Typography, primarily in a custom sans-serif, maintains a clean and readable texture against the dark canvas, with subtle variations in weight and spacing. The overall impression is one of digital infrastructure and precision. Prioritize Midnight Core (#000000) for primary dark backgrounds and Ivory Canvas (#ffffff) for primary text achieving AAA contrast. Use Molten Orange (#e2572c) exclusively for high-impact CTAs and key interactive elements. Apply an 8px border-radius for all interactive buttons and a 16px radius for content cards. Maintain Suisse Font 400 throughout the interface, leveraging size and line-height for hierarchy. Ensure consistent spacing with the 8px base unit, particularly 24px-48px for horizontal padding and 64px-72px for section gaps. Utilize Slate Text (#808080) for all secondary and tertiary textual content against dark backgrounds to soften hierarchy. Avoid introducing additional saturated colors; maintain the Molten Orange (#e2572c) as the sole brand accent. Do not use box-shadows; depth is created through variations of dark neutral backgrounds. Refrain from using varied font weights; the system relies on the singular Suisse Font 400, adjusting size and line-height for visual distinction. Do not create buttons with less than 8px border-radius or cards with less than 16px border-radius. Avoid placing Ivory Canvas (#ffffff) text directly on Molten Orange (#e2572c) elements due to insufficient contrast (5.6:1 AA).









