Pipe

Pipe, dark mode, dark-mode

Preview image. Unlock full-res

Blackrock and Molten Orange. A landscape of dark, solid forms punctuated by sharp, glowing accents.

Industryfintech, fintech
Palette
#000000
#ffffff
#808080
#1a1a1a
#f5f5f5
#e2572c

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).

More like this