button_pill_whatsapp_primary
Vitrine local para curadoria de botoes, cards, backgrounds, bordas, motion e shape dividers antes de uso em clientes.
Primeira vitrine visual para comparar estados, densidade, motion e adequacao por nicho.
button_pill_whatsapp_primary
button_solid_primary_rounded
button_solid_dark_premium
button_outline_sweep
button_outline_minimal
button_ghost_text
button_soft_fill
button_shine_pass
button_border_draw
button_glass_soft
button_frosted_dark
button_soft_shadow
button_icon_slide
button_icon_square
button_floating_whatsapp
button_gradient_soft
button_duotone_split
button_underlined_link
button_loading_spinner
button_success_confirm
button_danger_outline
button_neumorphic_soft
button_liquid_fill
button_magnetic_subtle
button_neobrutalist_shadow
button_neobrutalist_inverted
button_3d_layered
button_cut_corner
button_clay_puffy
button_cyber_scan
button_paper_fold
button_capsule_split_icon
button_terminal_prompt
button_sticker_offset
button_minimal_arrow_line
Preset convertido do codigo recebido. Ele esta em teste e ainda precisa de curadoria desktop/mobile/WordPress.
shape_wave_layered_938_testing
Taxonomia parametrica inspirada no ShapeDividers: todos suportam top/right/bottom/left, eixos, position, flip, responsive e motion opcional.
shape_wave_layered_938_testing
shape_wave_soft
shape_wave_deep
shape_wave_stacked
shape_wave_asymmetric
shape_curve_editorial
shape_curve_shallow
shape_arc_large
shape_diagonal_clean
shape_diagonal_double
shape_triangle_center
shape_triangle_asymmetric
shape_zigzag_small
shape_zigzag_large
shape_step_blocks
shape_torn_soft
shape_cloud_soft
shape_blob_edge
shape_mountain_soft
shape_book_open
shape_arrow_center
shape_vertical_wave
shape_vertical_curve
shape_split_slope
shape_fade_layer
shape_wave_opacity_layers
shape_wave_brush
shape_curve_reverse
shape_tilt_left
shape_tilt_right
shape_fan_center
shape_chevron_wide
shape_ribbon_fold
shape_ellipse_stack
shape_pixel_steps
shape_scallop_small
shape_drip_soft
shape_noise_edge
Cards, inputs, accordions, tabs, navegação, frames de imagem e tratamentos de hero para curadoria.
card_soft_clinical
card_bento_feature
card_glass_overlay
badge_trust_soft
input_clean_outline
input_soft_fill
Resposta curta com foco em clareza e leitura mobile.
accordion_faq_clean
tabs_segmented_soft
navbar_translucent_sticky
trust_band_compact
image_frame_editorial_rounded
image_frame_split_bleed
pricing_card_simple
timeline_process_cards
hero_photo_wash
hero_editorial_split
hero_neobrutalist
hero_glass_overlay
hero_minimal_clean
Variações de blocos de conversão para fechamento de Landing Pages.
cta_gradient_card
cta_split_panel
cta_dark_neon
cta_floating_pill
cta_bento_dashed
button_pill_whatsapp_primary
{
"radius": "999px",
"min_height": "52px",
"padding_inline": "26px",
"border_width": "0",
"icon_allowed": true,
"icon_position": "left_or_none",
"motion_preset_id": "button_lift_subtle"
}
button_solid_primary_rounded
{
"radius": "14px",
"min_height": "50px",
"padding_inline": "24px",
"motion_preset_id": "button_lift_subtle"
}
button_solid_dark_premium
{
"radius": "999px",
"min_height": "54px",
"padding_inline": "30px",
"motion_preset_id": "button_lift_subtle"
}
button_outline_sweep
{
"radius": "10px",
"min_height": "48px",
"padding_inline": "22px",
"border_width": "1px",
"background_size": "220%",
"motion_preset_id": "button_sweep_220"
}
button_outline_minimal
{
"radius": "999px",
"min_height": "48px",
"padding_inline": "22px",
"border_width": "1px",
"motion_preset_id": "button_color_shift_180"
}
button_ghost_text
{
"radius": "10px",
"min_height": "44px",
"padding_inline": "16px",
"border_width": "0",
"motion_preset_id": "button_color_shift_180"
}
button_soft_fill
{
"radius": "999px",
"min_height": "48px",
"padding_inline": "22px",
"motion_preset_id": "button_lift_subtle"
}
button_shine_pass
{
"radius": "999px",
"min_height": "52px",
"padding_inline": "28px",
"pseudo_element": "after",
"shine_angle": "35deg",
"shine_opacity": 0.22,
"motion_preset_id": "button_shine_550"
}
button_border_draw
{
"radius": "12px",
"min_height": "48px",
"padding_inline": "22px",
"border_width": "1px",
"draw_duration_ms": 240,
"motion_preset_id": "button_border_draw_240"
}
button_glass_soft
{
"radius": "999px",
"min_height": "52px",
"padding_inline": "26px",
"border_width": "1px",
"backdrop_filter": "blur(14px)",
"motion_preset_id": "button_lift_subtle"
}
button_frosted_dark
{
"radius": "999px",
"min_height": "52px",
"padding_inline": "26px",
"border_width": "1px",
"backdrop_filter": "blur(16px)",
"motion_preset_id": "button_lift_subtle"
}
button_soft_shadow
{
"radius": "14px",
"min_height": "50px",
"padding_inline": "24px",
"shadow_token": "shadow_button_soft",
"pressed_translate_y": "1px",
"motion_preset_id": "button_lift_subtle"
}
button_icon_slide
{
"radius": "999px",
"min_height": "52px",
"padding_inline": "24px",
"icon_required": true,
"icon_translate_x": "4px",
"motion_preset_id": "button_icon_slide_180"
}
button_icon_square
{
"radius": "12px",
"width": "44px",
"height": "44px",
"icon_required": true,
"aria_label_required": true,
"motion_preset_id": "button_press_depth_180"
}
button_floating_whatsapp
{
"radius": "999px",
"min_height": "56px",
"padding_inline": "20px",
"safe_area": true,
"z_index_max": 40,
"motion_preset_id": "button_float_attention_subtle"
}
button_gradient_soft
{
"radius": "999px",
"min_height": "54px",
"padding_inline": "28px",
"gradient_angle": "135deg",
"motion_preset_id": "button_lift_subtle"
}
button_duotone_split
{
"radius": "14px",
"min_height": "52px",
"padding_inline": "24px",
"split_ratio": "50%",
"motion_preset_id": "button_sweep_220"
}
button_underlined_link
{
"radius": "0",
"min_height": "44px",
"padding_inline": "0",
"underline_motion": true,
"motion_preset_id": "button_underline_slide_180"
}
button_loading_spinner
{
"radius": "999px",
"min_height": "52px",
"padding_inline": "26px",
"spinner_size": "18px",
"disabled_while_loading": true,
"motion_preset_id": "spinner_linear"
}
button_success_confirm
{
"radius": "999px",
"min_height": "52px",
"padding_inline": "26px",
"success_icon_required": true,
"motion_preset_id": "button_state_fade_200"
}
button_danger_outline
{
"radius": "12px",
"min_height": "48px",
"padding_inline": "22px",
"border_width": "1px",
"motion_preset_id": "button_color_shift_180"
}
button_neumorphic_soft
{
"radius": "18px",
"min_height": "52px",
"padding_inline": "24px",
"requires_light_surface": true,
"shadow_pair": "outer_light_dark",
"motion_preset_id": "button_press_depth_180"
}
button_liquid_fill
{
"radius": "999px",
"min_height": "54px",
"padding_inline": "28px",
"requires_pseudo_layers": true,
"max_duration_ms": 300,
"motion_preset_id": "button_fill_260"
}
button_magnetic_subtle
{
"radius": "999px",
"min_height": "54px",
"padding_inline": "30px",
"requires_js": false,
"motion_preset_id": "button_magnetic_css_subtle"
}
button_neobrutalist_shadow
{
"radius": "6px",
"min_height": "54px",
"padding_inline": "26px",
"border_width": "2px",
"shadow_offset": "6px 6px 0",
"motion_preset_id": "button_brutal_press_120"
}
button_neobrutalist_inverted
{
"radius": "0",
"min_height": "54px",
"padding_inline": "26px",
"border_width": "2px",
"shadow_offset": "5px 5px 0",
"motion_preset_id": "button_brutal_press_120"
}
button_3d_layered
{
"radius": "14px",
"min_height": "54px",
"padding_inline": "28px",
"bottom_layer": "6px",
"pressed_translate_y": "4px",
"motion_preset_id": "button_press_depth_160"
}
button_cut_corner
{
"radius": "0",
"min_height": "52px",
"padding_inline": "26px",
"clip_path": "polygon",
"corner_cut": "12px",
"motion_preset_id": "button_lift_subtle"
}
button_clay_puffy
{
"radius": "22px",
"min_height": "56px",
"padding_inline": "28px",
"inner_shadow": true,
"outer_shadow": "soft",
"motion_preset_id": "button_lift_subtle"
}
button_cyber_scan
{
"radius": "2px",
"min_height": "52px",
"padding_inline": "26px",
"scan_line": true,
"corner_marks": true,
"motion_preset_id": "button_scan_300"
}
button_paper_fold
{
"radius": "8px",
"min_height": "52px",
"padding_inline": "24px",
"fold_corner": true,
"motion_preset_id": "button_lift_subtle"
}
button_capsule_split_icon
{
"radius": "999px",
"min_height": "54px",
"padding_inline": "24px",
"icon_chamber": true,
"motion_preset_id": "button_icon_slide_180"
}
button_terminal_prompt
{
"radius": "8px",
"min_height": "50px",
"padding_inline": "22px",
"prefix": ">",
"monospace": true,
"motion_preset_id": "button_caret_blink_subtle"
}
button_sticker_offset
{
"radius": "18px",
"min_height": "54px",
"padding_inline": "26px",
"outline_offset_layer": true,
"rotation": "-1deg",
"motion_preset_id": "button_sticker_pop_180"
}
button_minimal_arrow_line
{
"radius": "0",
"min_height": "44px",
"padding_inline": "0",
"line_reveal": true,
"icon_required": true,
"motion_preset_id": "button_icon_slide_180"
}
card_soft_clinical
{
"radius": "16px",
"padding": "24px",
"border": "1px",
"shadow": "soft",
"icon_slot": true
}
card_bento_feature
{
"radius": "18px",
"padding": "28px",
"grid_span": [
"1x1",
"2x1",
"1x2"
],
"image_slot": true
}
card_glass_overlay
{
"radius": "18px",
"padding": "24px",
"backdrop_filter": "blur(16px)",
"requires_contrast_check": true
}
badge_trust_soft
{
"radius": "999px",
"min_height": "32px",
"icon_allowed": true
}
input_clean_outline
{
"radius": "12px",
"min_height": "48px",
"label_required": true,
"helper_text_allowed": true
}
input_soft_fill
{
"radius": "14px",
"min_height": "50px",
"label_required": true
}
accordion_faq_clean
{
"radius": "12px",
"min_header_height": "52px",
"icon_required": true,
"keyboard_required": true
}
tabs_segmented_soft
{
"radius": "999px",
"min_target": "44px",
"keyboard_required": true
}
navbar_translucent_sticky
{
"height": "72px",
"sticky": true,
"backdrop_filter": "blur(16px)",
"mobile_menu_required": true
}
trust_band_compact
{
"layout": "inline_grid",
"min_items": 3,
"max_items": 5,
"icon_required": true
}
image_frame_editorial_rounded
{
"radius": "24px",
"aspect_ratio": "4 / 3",
"overlay_allowed": true,
"caption_allowed": false
}
image_frame_split_bleed
{
"radius": "0",
"aspect_ratio": "16 / 10",
"bleed": true,
"mobile_crop_rule": "center_subject"
}
pricing_card_simple
{
"radius": "18px",
"featured_variant": true,
"cta_slot_required": true
}
timeline_process_cards
{
"step_number_required": true,
"connector_allowed": true,
"mobile_stack": true
}
hero_photo_wash
{
"overlay_opacity": [
0.18,
0.32,
0.48
],
"text_on_image_allowed": true,
"contrast_required": true
}
hero_editorial_split
{
"image_side": [
"left",
"right"
],
"content_width": "balanced",
"divider_allowed": true
}
background_clinic_soft_texture
{
"image_asset_role": "background_texture",
"overlay_token": "background",
"overlay_opacity": 0.78,
"background_size": "cover",
"background_position": "center",
"blend_mode": "normal"
}
card_healthcare_soft_glass
{
"radius": "var(--snw-radius)",
"border": "1px solid var(--snw-border)",
"background": "rgba(255,255,255,.74)",
"shadow": "soft_low",
"icon_container": "rounded_square"
}
button_lift_subtle
{}
divider_drift_subtle
{}