Your Fund's Command Centre

Your Fund`s Command Centre

icn arrow down

Fundstack

Fundstack started off as a small project for a simple logo and landing page and scaled up to creating a bold brand identity with a fully flexible atomic design system, for both the app and web appearances.
Small project for a simple logo and landing page and scaled up to creating a bold brand identity with a fully flexible atomic design system, for.

Platform

iOS, Android, Web

Year

2016 - Current

IMG

App & Design System

Your Fund`s Command Centre

The Fundstack design is completely built with the atomic design principles in mind, which basically divides design elements in 5 different categories: atoms, molecules, organisms, templates and pages. I slightly adapted the principle and worked with elements, components and templates:

Elements are tiniest UI objects like icons, colors, backgrounds, dividers…

Components are objects which are built out of these elements, just like a listitem with an icon, a divider and a background.

Templates compared to components are much bigger compositions of both, elements and components. This could be a header bar, footer,

 

ezgif.com-optimize
primary
light
dark
blue
Primary Colors
Proxima Nova
content
Typography
01
02
logo

First things first.

The design system.

The Fundstack design is completely built with the atomic design principles in mind, which basically divides design elements in 5 different categories: atoms, molecules, organisms, templates and pages. I slightly adapted the principle and worked with elements, components and templates:

Elements are tiniest UI objects like icons, colors, backgrounds, dividers…

Components are objects which are built out of these elements, just like a listitem with an icon, a divider and a background.

Templates compared to components are much bigger compositions of both, elements and components. This could be a header bar, footer,

 

newnewnew03
04
05

Landing Pages

Your Fund`s Command Centre

The Fundstack design is completely built with the atomic design principles in mind, which basically divides design elements in 5 different categories: atoms, molecules, organisms, templates and pages. I slightly adapted the principle and worked with elements, components and templates:

 

 

macbookbitbigger
mac 01
mac 02
mac 03
web1555
web3
web2
web4
YOU MADE IT, WHAT'S NEXT?
© 2018 DOMINIK MARTIN ・ IMPRINT
© 2018 DOMINIK MARTIN ・ IMPRINT
© 2018 DOMINIK MARTIN
IMPRINT