2023-03

クラシルのUIデザインをコンポーネント・パターン・フローごとにまとめています。webデザイン、アプリデザインの参考に活用ください。

フード / ドリンク

料理のレシピが1分動画で見つかる

クラシル

2022-03

オンボーディング

e163872b-3c6c-42ec-bb7e-6967abb025e2.webp

19a5cc92-3f70-418e-b16c-dac44a92ebad.webp

d063ae12-598b-48c3-ac2b-ed9c5fe4afb9.webp

a594bde8-790e-4331-8fd2-34a01652f082.webp

73624469-10f6-4403-98fa-8f737059987b.webp

6b6cd2cb-9804-444e-9a4b-e3629e7985bd.webp

e44ef0c1-1d7f-42e0-936b-37aca30a8c81.webp

45485635-34dc-400a-8a50-7d5bd7d7a25c.webp

8774a458-5594-44e3-b741-f52b0479fd53.webp

20b89572-12f2-4a1d-b682-285a109937ea.webp

3f424573-9da2-4e08-89f6-16546be3cf2e.webp

607bdcd8-8c46-4217-a8a8-4c341c939fd3.webp

06b07dde-09ab-4a95-b075-df31548fe8b4.webp

fb459c33-ddbf-4fd3-85a1-4a6caf2a1087.webp

ホーム

0b2345af-0f3f-4571-b101-6ecc9336d8ea.webp

d9223403-99a8-4082-8289-98a9751f4e84.webp

2ac26639-501e-40cb-81ff-de033511b115.webp

ed2f91e0-8ead-41ae-afc6-72acdc1a06c7.webp

e9e88098-f2bc-47af-ab59-8bc1d833a037.webp

4dce8f38-defa-4c06-a158-50069ece96df.webp

検索

94ab6ed3-9aed-4db0-b454-478aaf3b49c0.webp

fd2a4677-106e-426f-aaf6-0bde8df1cbc3.webp

83b6ecee-e0fc-4d7e-851f-3a686c045834.webp

fe4cb6ae-4278-4800-b206-0f5e56bb2d92.webp

e5331eaa-17e7-43cf-abae-98e12ce3dabf.webp

9e4cff60-1f11-4d39-aae6-3303121a3ad4.webp

75592e19-fc82-4d7d-bd82-2bc8db58e071.webp

5f5cfac4-b88d-4b01-96e6-2d6c341ea663.webp

ef12d7d6-7639-48a5-996c-7423316ca59d.webp

ca2ae015-fbd5-4f2d-a440-74c5ccc6eff3.webp

a0cb2e37-3776-4df5-848d-944d43b0c66e.webp

ef0ed268-7a72-4fbf-86e5-3e72230f3f57.webp

c276e15d-7ace-4317-9e4c-439306c5d1aa.webp

d9a8ddd5-d815-4c05-9b8c-04e868318b1d.webp

2b88ea63-9c24-4257-b232-4b6b5ff05183.webp

784cf5df-d04c-411c-9e9a-c74f0c3139b7.webp

bc3eff31-3b2c-47b0-b101-3e9d9b3da117.webp

レシピ

376681c2-1e94-47c2-bca5-39e96341a44f.webp

7f64b6d7-bdc9-4c69-b7c8-2c6e3e8cefe8.webp

1413f491-d4f5-4a21-9760-00a376ffcc41.webp

5f5f7a8c-b6e1-4980-b234-e8aa1d5e35ca.webp

4ccde674-b1e6-4518-a443-2e53f5dbf4ed.webp

329033d2-ae3f-4a3a-bf8a-590344462c17.webp

c2d489a3-26ee-4a04-be39-2dbbb0c643f8.webp

83776fad-adb8-4e11-a770-ed0c940cc24d.webp

397a7f4d-e922-441a-928f-4083dfe0d58c.webp

315f66a7-b251-4b9a-b3b7-ea74b933c77d.webp

8f06e144-19ea-4eaf-9d3a-a89d7e1b21be.webp

d1aa4070-7c49-4f90-ab90-2ecb74909ef2.webp

f5a87bb1-c646-488f-9ce1-8ed45db48ba4.webp

ebce9af8-7240-461f-a838-bb4a31952810.webp

4045ed0f-1686-43e6-a0a2-959676af57f3.webp

154a1759-668c-47b0-866c-8494c4ba13bc.webp

451c8fe6-0c4b-4ca1-85cc-c1eac3291241.webp

8a036f78-b335-4f97-8dd4-d721cb36ba3f.webp

baf83839-7218-43a4-a755-1daca2a7c2d5.webp

保存

1d8fa632-520f-48a3-81b1-034054f84e6d.webp

81d43c93-b51d-4fa0-ad2f-2920d1b5aba7.webp

ee501fb5-7880-4414-8ea3-3dfbcd0fa61c.webp

0b1dbf62-80ae-42cb-91cb-c13da66c5129.webp

チラシ

2e2ac864-6e6e-4010-97f6-d29d1832115f.webp

0e9fb7e8-13ee-40e7-81ea-f0cbafb457e8.webp

884bd66a-b858-4a64-9c48-b5daafa3d86e.webp

e87d44cc-65db-4604-8c01-42f5a54cae1a.webp

fe8eebca-4fd1-4b65-a2b3-df2a1c2362ab.webp

bdb418e1-3369-43cd-a316-3d91c88029e7.webp

cc8d494e-9608-47c9-b769-4d484c45cc0e.webp

ef9b81be-c3fc-46be-a04a-ffd638ee3b9f.webp

105bef70-2330-4187-8807-21e3b3c6757d.webp

7067800e-d8b6-42a4-915e-544d64311404.webp

45f7a3bc-6e3b-44da-8c18-9e01e1577c6c.webp

5ad85f15-01f1-4e78-af3a-5e00c24dff58.webp

46184ea9-722d-4523-803e-b4a643efd163.webp

2a86305f-efb5-48f4-b50b-686daa5be759.webp

4646fa78-5a06-4ee7-909a-c35c4e0c11e3.webp

b3a99395-f706-41c2-ab21-c2572eadc76f.webp

3f0a75dc-d35f-4af7-86bf-785e55bf3087.webp

f1853a1e-7d5c-4e13-8a0d-522d2ee6d0e5.webp

fb07a7a8-a3bc-42bc-ac35-06669268182b.webp

a001726b-5e9f-4c84-9e04-8123f1600779.webp

85176dec-e99c-4107-b225-217d1738470c.webp

45381227-d9dc-4ef0-9b30-53d3c1b3f701.webp

78b7ed08-83c0-45be-85f6-9b4ae4a9d2b2.webp

b55ad6dd-19da-4df2-a23d-ef62ccf47a3e.webp

通知

47177610-618d-4437-823c-6a46da0c1ea6.webp

26721581-0046-46d2-b94a-8d8992b76943.webp

e731c0e7-4a20-41f9-bc14-2c6b53da88c1.webp

投稿

7a71df96-b724-4eed-8922-7d78d1009087.webp

6ab572bc-5ed3-4e86-ba0f-98dd86b296e2.webp

eef196e8-9d1e-4855-9fad-08300b53758e.webp

18e4d0a0-b278-4ce6-9ace-1ab44d56cec5.webp

0f5afdc5-431f-4557-975a-eb3e00d351cf.webp

7075846a-8f26-45c9-8aa7-e448fbc88dfa.webp

f5482591-0dc4-4a74-85ff-76969739787b.webp

c67331e4-78d0-42c7-be7c-f1232c9963b6.webp

a027bec6-d021-4cf4-b147-a2cabc49d70e.webp

04ea8c1a-2808-482c-b0cc-b51f5ac09227.webp

bba74d37-5243-477c-902c-5e4cdd141045.webp

c0966914-afcc-4032-95c0-8c74534349eb.webp

bd41117a-4dd9-4f14-b93d-b0c218b1b084.webp

1ae242f9-af37-4f2e-9780-3b38cd3dc6f0.webp

a0e8d386-512e-4b70-94f6-96bf3403b18d.webp

e0ff7fa2-224a-4af0-953b-baabd697eccf.webp

85bf0fc9-cd9f-4692-a625-2a8c1b26114a.webp

176a1756-af11-44da-bf7e-a5193f3ea8bf.webp

de291014-e0da-49b2-a244-c662f5b66eb2.webp

5bbb3c83-d1fe-49ca-95e7-4194b8684cab.webp

65b18533-e171-46f3-a71d-806cac9ef5af.webp

8a263885-4a29-47ef-b03c-9b14a37c94b8.webp

b442c797-459b-443a-9319-9dddc0e01b7d.webp

71b77d9c-3b60-4573-949f-d6866839d7dd.webp

プロフィール・その他

bf95dc35-285d-454a-b6fa-4b2f2f188566.webp

f1237331-516a-4415-8512-62d558313fce.webp

498a80f5-8dbf-4ab2-a285-8a4959b17aa3.webp

4dd93a79-3aaa-4fd8-a1e3-68ce6ec4af95.webp

5824a9ef-118f-4996-b07c-28a28c09f8c9.webp

6f4df089-0f1e-4400-aae4-96356629f9df.webp

8ffff269-a737-4db8-9e7a-68974b965e84.webp

b0dc937b-ff9c-41f7-9973-f5e1cd816afb.webp

8445fcf6-309f-4b38-8971-9676c331f47a.webp

6ac50a0c-2c1b-4123-ad7b-94a0855a818b.webp

f8a903ba-fed0-439e-90b6-f5e1ed64d374.webp

c6261c65-d88c-4640-9d93-d276904ddf6d.webp

40383d33-874a-49f2-9275-7472c19a225e.webp

e0229dd3-a98b-445b-b61c-89947088895b.webp

87769441-a6bc-419d-8845-3eec6e2bd9ac.webp

23ec7c22-0276-4a5f-9e5e-131a1924ade5.webp

「クラシル」のUIデザイン一覧（2023年3月版）

クラシル

オンボーディング

ホーム

関連アプリ