Better UI design scheme for Verse card

[redraushan]

What

• Elements of the Verse card should be more aligned.
• Social sites liks - FB, Twitter, and share should be shown at the bottom of the card, giving more clarity to the Mantra heading.
• Unified design for the Buttons.
• Better contrast ratio between background color and font-color of the verse.

How

I have created a POC that that demonstrates the above mentioned changes, also I am adding the current version of the Verse card. Please compare both and and let me know any changes you would like to make to make it more better.

Current Verse Card

POC Verse Card

[redraushan]

Question

• Can we have a replacement of samarkan font? To me it's a bit more decorative and less readable to the eyes unless you put a bit effort to read.

[samanyougarg]

Hi @redraushan,

• Elements of the Verse card should be more aligned.

Agree with you on this.

• Social sites like - FB, Twitter, and share should be shown at the bottom of the card, giving more clarity to the Mantra heading.

Yes, you are right. The share buttons do obstruct the reading.

• Unified design for the Buttons.

Not too sure about this. I am following the material design guidelines as implemented in MDBootstrap. Happy to discuss more about this.

• Better contrast ratio between the background color and font-color of the verse.

Yes, you are right, but I think black is the most readable color when it comes to text. Dark brown makes it a bit harder to read. Again, happy to discuss more about this.

---

I really like the overall design you suggested. It helps pop up the verse text and meanings more and makes it more readable. If we make some changes according to the points above, it will turn out to be very good.

Thanks a lot for doing this...

[samanyougarg]

Question

• Can we have a replacement of samarkan font? To me it's a bit more decorative and less readable to the eyes unless you put a bit effort to read.

Yes, that's right. I basically wanted to distinguish the chapter name in Sanskrit from that in English. Samarkan was the only font that was similar to Sanskrit that I found. Do you know of any alternative fonts?

[redraushan]

Yes, that's right. I basically wanted to distinguish the chapter name in Sanskrit from that in English. Samarkan was the only font that was similar to Sanskrit that I found. Do you know of any alternative fonts?

I am yet to find one, but for the time being can we go with the rest part? Let me know when you are available, we can have a call to conclude the same.

Thanks

[vishwasnavadak]

Question

• Can we have a replacement of samarkan font? To me it's a bit more decorative and less readable to the eyes unless you put a bit effort to read.

Yes, that's right. I basically wanted to distinguish the chapter name in Sanskrit from that in English. Samarkan was the only font that was similar to Sanskrit that I found. Do you know of any alternative fonts?

Since that font is just used for decoration, can we just get it changed for more readability?

PS: Great site!

[redraushan]

@vishwasnavadak Do you have any font recommendations that we can take as a replacement for with the current one?

I guess it should be less decorative and should keep the flavour of Sanskrita.

[vishwasnavadak]

@redraushan I can search for some. But as for as sanskrita is considered, I think Samarkan is the only font available.
I will get back with some fonts.

[samanyougarg]

Hi @redraushan and @vishwasnavadak,

Sorry for the late reply.

I found another font called "Ananda Neptouch". Please have a look at it and let me know if you think this one is more readable.

Samarkan -

Ananda Neptouch -

[redraushan]

Hi @samanyougarg ,

What a great font you have come up with 👍
I would like to see it implemented. @vishwasnavadak what do you think?

[vishwasnavadak]

Hey, great that you got a replacement font. It is way more readable without the top line.

Go for it.

[vishwasnavadak]

Let me know if you need any help in putting things together

[redraushan]

Hi @vishwasnavadak,

I will come up with the PR acccumulating all the changes that I have proposed above in the thread along with new font 💯

Thanks
@samanyougarg

[samanyougarg]

Awesome!
@redraushan please let me know when you submit the PR.