Apen Apps IconApen Apps
Apen Apps Guidelines

Brand Visual Identity Kit

Complete set of brand assets including standalone symbols, horizontal lockups, vertical stacked layouts, colors, and typography rules.

1. Standalone Symbols & Icon Marks

Symbol / Icon (Color - Light Bg)

Symbol / Icon (Color - Light Bg)

Symbol / Icon (Color - Dark Bg)

Symbol / Icon (Color - Dark Bg)

Symbol / Icon (Mono Black)

Symbol / Icon (Mono Black)

Symbol / Icon (Mono White)

Symbol / Icon (Mono White)

2. Horizontal Logo Lockups

Horizontal Lockup (Full Color - Light Bg)

Horizontal Lockup (Full Color - Light Bg)

Horizontal Lockup (Full Color - Dark Bg)

Horizontal Lockup (Full Color - Dark Bg)

Horizontal Lockup (Monochrome Black)

Horizontal Lockup (Monochrome Black)

Horizontal Lockup (Monochrome White)

Horizontal Lockup (Monochrome White)

3. Vertical / Stacked Lockups

Vertical Stacked (Full Color - Light Bg)

Vertical Stacked (Full Color - Light Bg)

Vertical Stacked (Full Color - Dark Bg)

Vertical Stacked (Full Color - Dark Bg)

Vertical Stacked (Monochrome Black)

Vertical Stacked (Monochrome Black)

Vertical Stacked (Monochrome White)

Vertical Stacked (Monochrome White)

4. Color Palette & Gradient

Brand Orange

Primary Accent, 'Apps' Text

Brand Blue

Secondary Accent, 's' Letter Highlight

Dark Neutral

Dark Backgrounds & Mono Text

Light Neutral

Light Backgrounds & Light Text

Primary Gradient Transition

Linear transition from Brand Blue (#00aeef) to Brand Orange (#f15a29)

5. Typography System

Primary Display & HeadingsGoogle Fonts

Quicksand

Used for main headlines, section headers, logo wordmarks, and prominent display text across all properties.

Weights: 500 Medium, 600 SemiBold, 700 Bold
Body & Interface TextGoogle Fonts

Plus Jakarta Sans

Used for body paragraphs, UI components, buttons, navigation items, and dense technical specifications.

Weights: 400 Regular, 500 Medium, 600 SemiBold, 700 Bold