Preview image. Unlock full-res
Teal and White Ledger. A clear, high-contrast digital ledger laid out on a clean white page, highlighted by a single, prominent teal ink.
N26 employs a utilitarian, almost institutional aesthetic, built around a dominant teal that provides a singular brand anchor against an otherwise stark monochrome palette. The design emphasizes functional clarity, using crisp lines and generous whitespace to present complex financial information in an accessible manner. The restricted use of color focuses attention on key interactive elements and a distinct brand presence, avoiding visual clutter. Use 'Deep Teal' (#088177) exclusively for primary calls-to-action and key branding in hero sections. Maintain high contrast text with 'Ink Black' (#1b1b1b) on 'Arctic White' (#ffffff) backgrounds for all body and heading content. Apply 'Horizon Gray' (#e9e9e9) for subtle UI borders and dividers to structure content without heavy lines. Structure display headings with 'N26-Extended' font family, using weights 400 or 500 for impact. Utilize 'Arctic White' (#ffffff) for page backgrounds and elevated card surfaces, creating a clean canvas. Apply a 6px border-radius for all primary and secondary buttons, balancing softness with a structured look. Do not introduce additional saturated colors beyond 'Deep Teal' for primary interactive elements; color saturation is highly restrained. Avoid applying heavy shadows or complex gradients; the system relies on flat colors and distinct borders for depth. Do not deviate from the specified tight letter-spacing for 'N26' font at smaller sizes, as it's critical for text clarity. Avoid using 'N26-Extended' font for body copy or small text; it is reserved for headlines. Do not use different radius values for buttons and input fields; consistently apply 6px for buttons and 4px for inputs. Do not use highly decorative imagery; illustrations and photos should be either product-focused or abstract and minimal.
