Slide 1
Slide 1 text
Frontend Talk
2022/03/10
Slide 2
Slide 2 text
2
8
@sizucca_
2015 Ruby, Sass, FLOCSS, MindBEMding
2019
https://www.slideshare.net/sizucca/ss-239468008
2021 JOIN Web
Slide 3
Slide 3 text
3
1.
2.
3.
4.
Slide 4
Slide 4 text
4
1
Slide 5
Slide 5 text
5
Slide 6
Slide 6 text
6
ANDPAD Vertical SaaS
Vertical SaaS
Horizontal
SaaS
Slack Chatwork LINEWORKS
freee
SmartHR freee
Slide 7
Slide 7 text
7
×
etc
C
B
A E
D F
※
※
Slide 8
Slide 8 text
8
2
Slide 9
Slide 9 text
9
ANDPAD 2021 9 1 p18
ANDPAD
Slide 10
Slide 10 text
10
ANDPAD
No.1 ANDPAD 10 26 2021 8 10 ANDPAD
Slide 11
Slide 11 text
11
ANDPAD
C
B
A E
D F
Slide 12
Slide 12 text
12
ANDPAD
C
B
A E
D F
Slide 13
Slide 13 text
13
3
Slide 14
Slide 14 text
14
1.
2.
Slide 15
Slide 15 text
15
Slide 16
Slide 16 text
16
( ) ( ) B ( ) 2018 Design Systems ―
Slide 17
Slide 17 text
17
築
Slide 18
Slide 18 text
18
Slide 19
Slide 19 text
19
Typography
• https://spectrum.adobe.com/
• https://spindle.ameba.design/
• https://design.pepabo.com/
• https://m3.material.io/styles/
• https://orbit.kiwi/
• https://polaris.shopify.com/
• https://smarthr.design/
※
Slide 20
Slide 20 text
20
Slide 21
Slide 21 text
21
Color
Slide 22
Slide 22 text
22
Layout
Slide 23
Slide 23 text
23
4
Slide 24
Slide 24 text
24
Slide 25
Slide 25 text
Thank you
25
•
• 10
•