Mobile mockups

[psiemens]

[psiemens]

Text styles:

Homepage article headlines
font-family: LFT Etica - Book
font-size: 22px
line-height: 28px

Homepage article meta
font-family: LFT Etica - Light
font-size: 13px

Article headline
font-family: LFT Etica - Semi Bold
font-size: 24px
line-height: 29px

Article meta
font-family: LFT Etica - Bold
font-size: 11px

Article body text
font-family: Georgia
font-size: 15px
line-height: 28px
color: #202020

Article image caption
font-family: LFT Etica - Regular
font-size: 12px
line-height: 18px
color: #5D5D5D

[psiemens]

@Crymzix I know that some of the icons only make sense on iOS (back button, share icon), but we can just replace those.

Let me know what you think of the designs. Totally open to criticism. I'll be adding more over the next few days.

[Crymzix]

Caveats:

• So you want the menu to move the content to the right when the user exposes it? Instead of what it's doing now, which covers the main content when exposed. (Either way would be fine to implement)
• I can foresee some difficulty implementing the infinite article scroll content. I will have to play around to see if its feasible, this is mostly due to the fact that there will be multiple vertical scroll events embedded into each other that could cause some weird errors since we also want that parallax effect. Worst case scenario, we would have to make it scroll infinitely horizontally instead of vertically.

[psiemens]

Yeah, it'd be great if the menu moved the entire page.

As for the scrolling, I'm not too worried about being able to scroll into the next article. It'd be cool if just tapping on the image/headline for the next article brought you to it.