#000

https://main--cc--adobecom.aem.live/cc-shared/assets/img/firefly.svg|AdobeFirefly Adobe Firefly

Tạo hiệu ứng âm thanh nút bấm miễn phí.

Với Firefly, bạn có thể dễ dàng tạo hiệu ứng âm thanh cho mọi loại nút – từ thành phần trong ứng dụng đến âm thanh bấm chuông – và sử dụng chúng cho các dự án video, âm thanh hoặc giao diện người dùng.

style
dark
#000

https://main--cc--adobecom.aem.live/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

{{nbsp}}

Tạo

https://main--cc--adobecom.aem.live/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

Tạo hiệu ứng âm thanh bấm nút

https://main--cc--adobecom.aem.live/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

Thế hệ tiếp theo của AI sáng tạo đã sẵn sàng giúp bạn biến mọi ý tưởng thành hiện thực, với các công cụ xử lý hình ảnh, video, âm thanh và véc tơ.

Tạo hiệu ứng âm thanh nút bấm.

style
Sticky bottom, static links, dark

Khám phá hiệu ứng âm thanh nút bấm được tạo bằng Adobe Firefly

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/products/firefly/vocal-icon.svg
Tiếng nhấp chuột nhẹ nhàng
https://www.adobe.com/content/dam/cc/audio/eds/sound-effect-generator/Button_Firefly_audio_switch_clicks_softly_variation4.mp3
https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/products/firefly/vocal-icon.svg
Tiếng nhấn nút cơ học
https://www.adobe.com/content/dam/cc/audio/eds/sound-effect-generator/Button_Firefly_audio_mechanical_button_clicking_variation3.mp3
https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/products/firefly/vocal-icon.svg
Tiếng bấm còi báo trong chương trình trò chơi truyền hình
https://www.adobe.com/content/dam/cc/audio/eds/sound-effect-generator/Button_Firefly_audio_gameshow_buzzer_being_pressed_variation1.mp3
https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/products/firefly/vocal-icon.svg
Tiếng nhấn nút của máy nghe nhạc băng cũ
https://www.adobe.com/content/dam/cc/audio/eds/sound-effect-generator/Button_Firefly_audio_click_of_an_old_tape_player_variation1.mp3
Tạo hiệu ứng âm thanh nút bấm | Khám phá hiệu ứng âm thanh nút bấm được tạo bằng Adobe Firefly.

Biến mọi ý tưởng hiệu ứng âm thanh nút bấm thành hiện thực với AI.

Sử dụng công cụ tạo hiệu ứng âm thanh miễn phí của Adobe Firefly để biến ý tưởng sơ bộ về âm thanh khi nhấn nút thành một hiệu ứng cụ thể bằng cách mô tả cảm giác, thời điểm phát hoặc thao tác tương tác. Khám phá ý tưởng ngay từ đầu và nhanh chóng thử nhiều phiên bản trước khi chọn âm thanh cuối cùng cho một thao tác hoặc khoảnh khắc cụ thể.

style
static links
#ffffff

Tạo hiệu ứng âm thanh bấm nút tùy chỉnh.

Mô tả âm thanh bạn muốn nút bấm phát ra và dùng thanh trượt Thời lượng để chọn độ dài của đoạn âm thanh. Bạn cũng có thể sử dụng giọng nói của mình làm gợi ý.

Một dãy công tắc màu cam và xanh lá trên nền vàng, kèm câu lệnh “Switch clicks softly” (Công tắc phát ra tiếng click nhẹ) và nút Ghi âm.
#ffffff
Hình minh họa cho thấy một robot hình người đang nhấn một nút bấm đỏ khổng lồ, kèm câu lệnh "mechanical button clicking" (Tạo tiếng bấm nút cơ học).

Tạo hiệu ứng âm thanh nút bấm cho mọi dự án.

Hiệu ứng âm thanh được tạo ra rất phù hợp cho video, hoạt hình và các dự án âm thanh, nhưng bạn cũng có thể tạo hiệu ứng âm thanh nút bấm cho thông báo văn bản, âm thanh trong game, thiết kế trải nghiệm người dùng, hoặc đơn giản là âm thanh cho bảng cộng hưởng.

#ffffff

Tạo hiệu ứng âm thanh nút bấm an toàn cho mục đích thương mại.

Các mô hình Firefly được thiết kế để an toàn cho mục đích thương mại. Firefly được huấn luyện trên nội dung thuộc phạm vi công cộng và nội dung được cấp phép, vì vậy bạn có thể yên tâm sử dụng các sản phẩm tạo sinh từ Firefly trong các dự án chuyên nghiệp, có thương hiệu và tạo doanh thu. Tìm hiểu thêm về cách tiếp cận Firefly AI đối với AI tạo sinh dành cho doanh nghiệp.

Cận cảnh một ngón tay nhấn phím máy tính, với lớp sóng âm thanh phủ lên và huy hiệu ghi "Commercially safe" (An toàn cho mục đích thương mại).
style
No spacing, static-links

Cách tạo hiệu ứng âm thanh nút bấm trong Firefly.

Bước 1

Mở Firefly.

Trong bảng điều khiển bên trái của trang chủ Adobe Firefly, chọn Âm thanh › Giọng nói thành hiệu ứng âm thanh để chuyển đến Tạo hiệu ứng âm thanh.

Bước 2

Tải nội dung đa phương tiện lên (không bắt buộc).

Trên trang Tạo hiệu ứng âm thanh, hãy tải lên tệp video hoặc âm thanh mà bạn muốn bổ sung hiệu ứng âm thanh.

Bước 3

Mô tả âm thanh nút bấm bằng câu lệnh.

Nhập một câu lệnh đơn giản, chẳng hạn như "nút bấm điện thoại thông minh có phản hồi xúc giác" hoặc "tiếng bấm nút của máy cassette cũ".

Bước 4

Xem trước hiệu ứng âm thanh bấm rồi tinh chỉnh đến khi đạt kết quả mong muốn.

Nghe thử hiệu ứng âm thanh nút bấm vừa tạo, rồi tinh chỉnh độ dài, âm sắc và cường độ cho đến khi ưng ý.

Bước 5

Chọn đoạn âm thanh và đưa vào dòng thời gian.

Nghe thử các biến thể, chọn bản bạn thích nhất và thêm vào dòng thời gian tại vị trí muốn phát. Bạn cũng có thể di chuyển clip và điều chỉnh âm lượng ngay trong dòng thời gian.

Bước 6

Tải xuống.

Tải xuống hiệu ứng âm thanh nút bấm tùy chỉnh của bạn dưới dạng tệp WAV riêng lẻ hoặc được nhúng trong MP3 hoặc MP4.
  • Cách tạo hiệu ứng âm thanh nút bấm trong Firefly.
  • Các bước tạo hiệu ứng âm thanh nút bấm trong Firefly.
  • PT5M
  • firefly
Tạo hiệu ứng âm thanh nút bấm | Cách tạo hiệu ứng âm thanh nút bấm trong Firefly.
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Tại sao nên dùng Firefly để tạo hiệu ứng âm thanh nút bấm bằng AI?

Trình tạo hiệu ứng âm thanh nút bấm bằng AI sử dụng trí tuệ nhân tạo để tạo ra các âm thanh tương tác ngắn cho giao diện người dùng – như tiếng click có cảm giác xúc giác, tiếng chạm nhẹ, hay âm báo thành công – dựa trên câu lệnh văn bản hoặc giọng nói. Firefly là công cụ lý tưởng để tạo hiệu ứng âm thanh nút bấm nhờ những lợi thế sau:

background
#FFF
style
xxl-spacing-top, xl-top-rounded-corners, static links
#FFF

Âm thanh tùy chỉnh

Không cần mất thời gian tìm kiếm trong các thư viện âm thanh để tìm hiệu ứng hoàn hảo với thời lượng phù hợp – bạn có thể tự tạo âm thanh theo ý mình.

#FFF

Các tùy chọn tinh chỉnh

Chỉ với một câu lệnh văn bản đơn giản hoặc mẫu giọng nói, bạn có thể điều chỉnh chính xác thời điểm phát và cường độ âm thanh.

#FFF

Dễ sử dụng

Tải lên video hoặc tệp âm thanh của riêng bạn, rồi thêm hiệu ứng âm thanh nút bấm chính xác vào vị trí mong muốn. Bạn thậm chí có thể kết hợp nhiều hiệu ứng âm thanh nút bấm cùng lúc.

style
Three up, s spacing top, xxl spacing bottom, show-2-desktop
background
#FFF
#FFF

Mô hình an toàn cho mục đích thương mại

Firefly được huấn luyện bằng nội dung được cấp phép và nội dung thuộc phạm vi công cộng, vì vậy bạn có thể sử dụng nội dung tạo ra cho các dự án chuyên nghiệp.

style
two up, s spacing top, l spacing bottom, show-2-desktop
background
#FFF
Tạo hiệu ứng âm thanh nút bấm | Tại sao nên dùng Firefly để tạo hiệu ứng âm thanh nút bấm?
background
#FFF
style
xl-top-rounded-corners, static links

Khám phá những khả năng sáng tạo vô hạn với Firefly.

Máy phát đĩa than cổ điển đặt trên chiếc bàn gỗ tông ấm, xung quanh là những chậu cây xanh tươi tốt
https://firefly.adobe.com/hub?hData=%7B%22version%22%3A%221.1%22%2C%22module%22%3A%22ImageGeneration%22%2C%22config%22%3A%7B%22type%22%3A%22set%22%2C%22referrer%22%3A%22Unknown%22%2C%22prompt%22%3A%22Stunning%20aerial%20overhead%20flat%20lay%20photograph%20looking%20directly%20down%20at%20a%20beautiful%20vintage%20vinyl%20record%20player%20sitting%20on%20a%20warm%20wooden%20table%20surrounded%20by%20lush%20plants%20and%20stacked%20books%2C%20bright%20and%20vibrant%20color%20palette.%20The%20vintage%20record%20player%20is%20the%20elegant%20centerpiece%20of%20the%20composition%20%E2%80%94%20a%20classic%20turntable%20with%20a%20rich%20warm%20toned%20plinth%2C%20gleaming%20tonearm%20resting%20delicately%20on%20a%20spinning%20vinyl%20record%2C%20and%20beautiful%20retro%20design%20details%20all%20beautifully%20visible%20from%20directly%20above.%20The%20vinyl%20record%20itself%20is%20stunning%20from%20above%20%E2%80%94%20deep%20black%20grooves%20with%20a%20beautiful%20label%20in%20the%20center%20catching%20the%20warm%20natural%20light%20in%20subtle%20iridescent%20rainbow%20reflections%20across%20the%20grooved%20surface.%20Lush%20green%20potted%20plants%20of%20varying%20sizes%20surrounding%20the%20record%20player%20%E2%80%94%20trailing%20pothos%20vines%20spilling%20naturally%20across%20the%20table%20surface%2C%20a%20small%20fiddle%20leaf%20fig%2C%20and%20delicate%20succulents%20adding%20rich%20natural%20green%20life%20and%20texture%20throughout%20the%20composition.%20A%20carefully%20curated%20stack%20of%20books%20with%20colorful%20spines%20arranged%20naturally%20beside%20the%20record%20player%20%E2%80%94%20some%20lying%20flat%20with%20small%20objects%20resting%20on%20top%2C%20others%20slightly%20fanned%20adding%20visual%20interest%20and%20warmth.Fine%20art%20lifestyle%20flat%20lay%20photography%20style%2C%20ultra%20high%20resolution%2C%20warm%20and%20beautifully%20curated%20vinyl%20record%20player%20lifestyle%20atmosphere%22%2C%22modelId%22%3A%22firefly_image%22%2C%22modelVersion%22%3A%22image5%22%7D%7D
Một người phụ nữ đầy cuốn hút trong bộ váy couture tuyệt đẹp
https://firefly.adobe.com/hub?hData=%7B%22version%22%3A%221.1%22%2C%22module%22%3A%22ImageGeneration%22%2C%22config%22%3A%7B%22type%22%3A%22set%22%2C%22referrer%22%3A%22Unknown%22%2C%22prompt%22%3A%22Breathtaking%20ethereal%20editorial%20fashion%20photograph%20of%20a%20striking%20woman%20wearing%20an%20extraordinary%20beautiful%20couture%20gown%20standing%20in%20a%20surreal%20dreamscape%20lunar%20landscape%20with%20lush%20unexpected%20greenery%2C%20soft%20and%20otherworldly%20color%20palette.%20The%20woman%20is%20breathtakingly%20beautiful%20and%20otherworldly%20%E2%80%94%20standing%20tall%20and%20regal%20in%20the%20vast%20surreal%20lunar%20dreamscape%20with%20a%20serene%20mysterious%20expression%20and%20an%20imperial%20ethereal%20presence%20radiating%20pure%20couture%20drama.%20The%20extraordinary%20gown%20is%20a%20stunning%20masterpiece%20of%20high%20fashion%20%E2%80%94%20a%20dramatically%20structured%20full%20length%20couture%20gown%20in%20soft%20ethereal%20tones%20of%20ivory%2C%20pale%20silver%2C%20and%20soft%20white%20with%20voluminous%20sculptural%20silhouette%2C%20dramatic%20flowing%20fabric%20caught%20in%20a%20dreamlike%20breeze%2C%20delicate%20embellishment%20and%20fine%20detail%20catching%20the%20soft%20otherworldly%20light%20magnificently.%20The%20dreamscape%20landscape%20is%20breathtakingly%20surreal%20and%20magical%20%E2%80%94%20a%20vast%20pale%20silver%20and%20soft%20grey%20lunar%20surface%20with%20gentle%20craters%20and%20smooth%20moon%20dust%20stretching%20into%20the%20ethereal%20distance.%20Unexpectedly%20lush%20and%20verdant%20green%20plants%20growing%20impossibly%20and%20beautifully%20from%20the%20lunar%20surface%20%E2%80%94%20giant%20tropical%20leaves%2C%20trailing%20ferns%2C%20delicate%20wildflowers%2C%20and%20soft%20green%20moss%20growing%20organically%20from%20the%20pale%20moon%20craters%20and%20lunar%20rock%20formations%20creating%20a%20breathtaking%20surreal%20contrast%20between%20the%20barren%20moon%20landscape%20and%20the%20impossibly%20lush%20living%20green%20botanical%20life.%20Soft%20ethereal%20moonlight%20casting%20a%20beautiful%20cool%20silver%20and%20pale%20blue%20glow%20across%20the%20entire%20dreamscape%22%2C%22modelId%22%3A%22firefly_image%22%2C%22modelVersion%22%3A%22image5%22%7D%7D
Mặt tiền của một ngôi nhà hiện đại, bao quanh bởi cây xanh nhiệt đới tươi tốt và bảng màu rực rỡ
https://firefly.adobe.com/hub?hData=%7B%22version%22%3A%221.1%22%2C%22module%22%3A%22ImageGeneration%22%2C%22config%22%3A%7B%22type%22%3A%22set%22%2C%22prompt%22%3A%22Stunning%20architectural%20photograph%20of%20a%20sleek%20beautiful%20modern%20house%20exterior%20facing%20the%20front%2C%20lush%20tropical%20greenery%2C%20and%20vibrant%20color%20palette.%20The%20house%20is%20strikingly%20contemporary%20and%20sophisticated%20%E2%80%94%20clean%20geometric%20lines%2C%20flat%20or%20low%20pitched%20roof%2C%20large%20floor%20to%20ceiling%20glass%20windows%20and%20sliding%20doors%2C%20smooth%20rendered%20white%20or%20warm%20grey%20concrete%20walls%2C%20and%20beautiful%20natural%20wood%20accents%20creating%20a%20stunning%20modern%20architectural%20statement.%20The%20entire%20front%20of%20the%20house%20is%20magnificently%20enveloped%20in%20lush%20abundant%20tropical%20greenery%20%E2%80%94%20towering%20mature%20palm%20trees%20framing%20the%20house%20on%20both%20sides%20with%20dramatic%20fronds%20swaying%20gently%20above%20the%20roofline.%20Dense%20tropical%20garden%20beds%20overflow%20with%20lush%20exotic%20plants%20%E2%80%94%20giant%20bird%20of%20paradise%20plants%2C%20massive%20elephant%20ear%20leaves%2C%20trailing%20monstera%2C%20vivid%20heliconia%2C%20and%20colorful%20tropical%20flowers%20in%20vivid%20pinks%2C%20oranges%2C%20and%20yellows%20spilling%20abundantly%20around%20the%20house%20exterior.%20A%20beautiful%20manicured%20tropical%20garden%20path%20leads%20to%20the%20front%20entrance%20%E2%80%94%20smooth%20stepping%20stones%20or%20sleek%20concrete%20pavers%20winding%20through%20the%20lush%20tropical%20planting%20to%20the%20front%20door.%20A%20stunning%20tropical%20reflection%20pool%20or%20water%20feature%20visible%20in%20the%20front%20garden%20catching%20the%20warm%20sky%20above%20beautifully.%20Warm%20bright%20natural%20sunlight%20casting%20a%20rich%20golden%20glow%20across%20the%20entire%20modern%20house%20exterior%20and%20surrounding%20lush%20tropical%20garden%20creating%20a%20beautiful%20sun%20drenched%20tropical%20atmosphere.%20Vivid%20blue%20sky%20above%20with%20soft%20white%20clouds%20completing%20the%20stunning%20tropical%20architectural%20scene.%20Sharp%20razor%20focus%20on%20the%20modern%20house%20exterior%20and%20lush%20tropical%20garden%2C%20soft%20dreamy%20background%20blur.%20Fine%20art%20architectural%20photography%20style%2C%20ultra%20high%20resolution%2C%20warm%20and%20magnificently%20lush%20tropical%20modern%20house%20atmosphere.%22%2C%22referrer%22%3A%22Unknown%22%2C%22modelId%22%3A%22gemini-flash%22%2C%22modelVersion%22%3A%22nano-banana-3%22%7D%7D

Hãy khám phá thêm vô vàn tính năng hấp dẫn.

background
#F0F0F7
Công cụ tạo nhân vật AI Công cụ tạo nhạc AI Dịch âm thanh Công cụ chỉnh sửa video AI Công cụ tạo hoạt ảnh AI Lồng tiếng AI Công cụ tạo hiệu ứng âm thanh AI Chuyển văn bản thành giọng nói
background
#F0F0F7
style
xl-bottom-rounded-corners, spacing-bottom-180

Bạn có thắc mắc? Chúng tôi luôn sẵn sàng giải đáp.

Công cụ tạo hiệu ứng âm thanh nút bấm nào là tốt nhất?

Công cụ tạo hiệu ứng âm thanh nút bấm tốt nhất cho phép bạn tạo các âm thanh ngắn và giàu công năng – như tiếng click có phản hồi xúc giác hay âm báo thành công – luôn rõ ràng trên mọi thiết bị. Với mô hình Firefly Audio, Adobe Firefly có thể tạo ra các âm thanh trong trẻo, dễ nghe, không gây mệt mỏi, được tối ưu cho thiết bị di động, thiết bị đeo và giao diện web. Nhờ đó, bạn có được âm thanh chất lượng cao, an toàn cho mục đích thương mại và dễ dàng tích hợp liền mạch vào các hệ thống thiết kế chuyên nghiệp và quy trình quản lý trải nghiệm người dùng.

Tôi có thể tạo ra những loại hiệu ứng âm thanh nút bấm nào với Firefly?

Với Firefly, bạn có thể tạo các âm thanh tương tác vi mô mang tính chức năng, từ tiếng click có phản hồi xúc giác, tiếng chạm kỹ thuật số giảm âm đến âm báo thành công hiện đại. Firefly hỗ trợ xây dựng các bộ âm thanh nhất quán cho các trạng thái giao diện như rê chuột, bật/tắt và thông báo, đảm bảo trải nghiệm âm thanh luôn rõ ràng trên nhiều ứng dụng khác nhau.

Tôi có thể dùng các đoạn âm thanh nút bấm của riêng mình làm tham chiếu không?

Có. Bạn có thể ghi âm chính giọng nói của mình để mô phỏng hiệu ứng âm thanh mong muốn, qua đó kiểm soát nhịp điệu và cường độ. Firefly sẽ dùng bản tham chiếu này và thay thế bằng âm thanh nút bấm chuyên nghiệp, chất lượng phòng thu, bám sát nhịp điệu của đoạn ghi âm gốc.

Làm thế nào để mô tả các loại âm thanh nút bấm khác nhau?

Hãy dùng các câu lệnh mô tả dựa trên tương tác, tập trung vào "cảm giác" và "trạng thái" của nút bấm. Bạn có thể thử những câu lệnh như "tiếng click xúc giác nhẹ nhàng", "âm báo thành công tối giản" hoặc "tiếng chạm kỹ thuật số giảm âm". Việc thêm các từ bổ trợ như "sắc gọn", "nhẹ nhàng" hay "mang âm hưởng kim loại" sẽ giúp AI nắm bắt chính xác kết cấu âm thanh cần thiết cho giao diện của bạn.

Tôi có thể tạo hiệu ứng âm thanh nút bấm miễn phí với Adobe Firefly không?

Có. Bạn có thể tạo miễn phí hiệu ứng âm thanh nút bấm bằng Adobe Firefly với tài khoản Adobe miễn phí. Bạn sẽ nhận được các lượt tạo miễn phí hằng ngày để trải nghiệm công cụ tạo hiệu ứng âm thanh nút bấm và tạo âm thanh giao diện với nhiều kiểu tiếng nhấp cùng âm sắc khác nhau. Tìm hiểu thêm về cách sử dụng Adobe Firefly miễn phí. Nâng cấp lên gói trả phí để có hạn mức tạo hiệu ứng âm thanh cao hơn.

Chia sẻ trang này

style
xxxl spacing bottom
#F0F0F7

Khám phá thêm các công cụ khác từ Firefly.

#FFF

Lợi ích của AI tạo sinh đối với nhà sáng tạo là gì?

Các công cụ AI tạo sinh mới đang thay đổi nhanh chóng cách chúng ta làm việc và sáng tạo. Tìm hiểu cách bạn có thể sử dụng chúng để tăng năng suất và khám phá những khả năng mới, đồng thời duy trì khả năng kiểm soát sáng tạo.

Tìm hiểu thêm | Tìm hiểu thêm – Lợi ích của AI tạo sinh đối với người sáng tạo

#FFF
Hình ảnh siêu thực về một chiếc PC phát sáng với vỏ máy trong suốt, nổi bật trên bối cảnh dãy núi trùng điệp dưới bầu trời đêm đầy sao lấp lánh, tác phẩm được thực hiện bởi công cụ AI tạo sinh.

Quy trình hoạt động của AI tạo sinh: Từ giai đoạn huấn luyện đến đầu ra.

AI tạo sinh đang xuất hiện trên khắp các trang tin, và điều đó hoàn toàn không phải là cường điệu. Công nghệ mới này sẽ sớm trở thành một phần cuộc sống của bạn – nếu như hiện tại chưa. Khám phá cách AI tạo sinh vận hành và bắt đầu tinh giản quy trình làm việc của bạn ngay hôm nay.

Tìm hiểu thêm | Tìm hiểu thêm – Cơ chế hoạt động của Gen AI: Từ khâu huấn luyện đến kết quả đầu ra

#FFF

Tổng quan về AI tạo sinh

AI tạo sinh bao gồm các công nghệ như mô hình ngôn ngữ lớn (LLM) và mô hình đa phương thức kết hợp văn bản, hình ảnh và nhiều yếu tố khác, cho phép người dùng sáng tạo và biến đổi mọi thứ – từ hình ảnh thiết kế cho đến video. Tìm hiểu thêm về AI tạo sinh – cách hoạt động, dữ liệu huấn luyện và cách AI tạo sinh đang tái định hình quy trình sáng tạo.

Tìm hiểu thêm | Tìm hiểu thêm – Tổng quan về AI tạo sinh

#FFF

Khám phá các phong cách nghệ thuật cho câu lệnh AI.

Từ chủ nghĩa Siêu thực, Lập thể đến Ấn tượng – khám phá cách tạo hình ảnh theo những phong cách nghệ thuật này và nhiều phong cách khác bằng công nghệ AI tạo sinh.

Tìm hiểu thêm | Tìm hiểu thêm – Khám phá các phong cách nghệ thuật cho câu lệnh AI

style
Show-4-desktop, s spacing top, xxl spacing bottom
background
#F0F0F7