Increase

Increase

Preview image. Unlock full-res

Angular neon blueprint

Industryfintech
Palette
#1a2b3b
#314352
#0d1726
#8995a1
#687887
#e4ff33
#31f2bf
#edf0f2
#000000
#ffffff
#caced2
#e1e5e9

Increase employs a 'dark mode on light canvas' aesthetic, contrasting a clean, spacious white background with a deeply saturated, almost black primary UI color. Angular, vivid gradients provide dynamic accents, creating an energetic feel for a brand focused on API infrastructure. Typography is engineered for technical clarity, utilizing a custom monospace font for code snippets and a precise sans-serif for all other text. Components are sharp and functional, embracing subtle shadows for depth over heavy borders, emphasizing a modern and highly interactive user experience. Prioritize Midnight Ink (#1a2b3b) for primary headings and key interactive elements, ensuring strong contrast against light backgrounds. Use Cloud Canvas (#edf0f2) as the default page background to establish a consistent light theme foundation. Apply Aqua Glow (#31f2bf) and Electric Lime (#e4ff33) sparingly for functional highlights, iconography, and code syntax, bringing bursts of energy. Maintain a clear visual hierarchy with Untitled Sans, using larger sizes (90px, 40px) with tighter letter spacing (-0.9px, -0.4px) for display text and smaller sizes for body and UI elements (16px, 14px) with less aggressive tracking. Utilize Input Mono for all code blocks and technical snippets, applying font-feature-settings 'ss01', 'ss02', 'ss12' for consistent code readability. Implement 12px border-radius for all cards and containers, and 8px for buttons and form elements, for a cohesive friendly curvature. Employ the subtle shadow rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px for elevated components like Feature Grid Cards to provide gentle depth. Do not introduce new saturated primary colors; adhere strictly to Electric Lime (#e4ff33) and Aqua Glow (#31f2bf) for accentuation. Avoid using generic system fonts; always specify 'Untitled Sans' or 'Input Mono' to maintain brand consistency. Do not deviate from the established letter-spacing values for type roles; the precise tracking is a core element of the typographic identity. Refrain from using heavy, opaque shadows; always opt for the provided soft, diffused shadow styles to prevent visual clutter and maintain lightness. Avoid arbitrary padding or margin values; stick to multiples of the 4px base unit, with a default element gap of 8px. Never apply gradients to text or small UI elements; reserve them for large decorative backgrounds or brand illustrations. Do not introduce additional border patterns beyond 1px solid, as surface treatment relies on subtle shadows and distinct background colors.

More like this