Copy paste strategy: Use bottom & header & pop out &

etc
Font:
Helvetica Now Micro

Font Weight :
1. Light
2. Regular

Font Size:
1. 8 (Header- Explore & Following)
2. 6 (Content Thumbnails Title)
3. 5 (Creator Name & Like)

Font Color:
1. Blue
2. Black
3. Grey

App Color:
1. Blue (Select)
2. Black (Confirmation Msg)
- 70%: Whole page (Pop Out Msg)
- 30%: Pop Out Msg/ Icon for Products & Mute in content thumbnails
3. Super Light Grey (Background & Page Break)
4. Grey (Button)
5. Yellow (Saved)
6. Red (Liked)
7. Light Red (Delete Button/ Error Reminder)

Border App Screen (Ex: Post in profile page same = Post in homepage)
1. Need to standardize

Spacing:
1. Bottom heavy
2. Top heavy
3. Centre

Characters for Each field:

1.
2.
3.
Characters Field Sizing:
1. 2 Lines
2. 3 Lines
3. Etc

End Part:
1. …
2. …More

Image Size:
1. 4:3
- Small : Product option/ Shopping bag
- Medium: Shop Page Product Thumbnails
- Big : Zoom in Product Picture
2. 1:1 (Square)
3. Dynamic
4. 16:9 (Shop Banner)

Display screen:
1. Standardize status bar, Home indicator (IOS & Android)
IOS Link: The iOS Design Guidelines - Ivo Mynttinen / User Interface Designer
Android: Research by yourself.

All fixed width ratio, from iPhone 12 Pro Max to small height.
1. 19.5:9
2. 16:9

Page Break Size:

1. Full from left to right
2. Cut on left and all the way to right

App Block:
1. 1 Line (Ex: Homepage)
2. 2 Line (Ex: Search Page/ Follower & Following Page)
Pop Out Msg (different app block)
1. Size:
2. Position:
3. Background Screen Color:
4. Option Color: Black & White (Cancel)

Pop Up Msg (2 type)

1. Size:
2. Position:
Product Attach Box Size:
1. Full from left to right

2. Smaller, cut on right (with multiple product)

3. Smaller, cut on Left (with selection)

4. Smallest (on the right, when there is multiple product)

Button Standard (Ex: Checkout button & Follow Button)

1. Align to right
2. Full & Etc

Icon Standard (Ex: Go Back Icon & Etc)

1.
2.