Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
///{"version":"2.0.0","initial":"default-light-flat","base":"theme-base","custom":"default-light-flat"}
@import "theme-base";
@tl-background-color-opaque: #f8f7f5;
@tl-seed-color-primary: #285b4c;
@tl-seed-color-accent: #b19259;
@tl-border-radius: 6rem;
@tl-panel-border-radius: 2rem;
@tl-text-font-family: 'Montserrat', Arial, sans-serif;
@tl-title-font-family: 'Tenor Sans';
@tl-panel-border-color: #b3b3b3;
@tl-panel-shadow-offset-y: 0;
@tl-panel-shadow-blur: 0;
@tl-panel-shadow-opacity: 0;
@tl-title-font-weight: 600;
@tl-title-text-transform: uppercase;
@tl-price-font-weight: 700;
@tl-button-height: 6rem;
@tl-button-primary-background-top: @tl-button-primary-background-bottom;
@tl-button-primary-hover-background-top: @tl-button-primary-hover-background-bottom;
@tl-button-font-weight: 500;
@tl-button-primary-border-size: 0;
@tl-button-primary-shadow-inset-opacity: 0;
@tl-button-primary-shadow-inset-offset-y: 0;
@tl-button-primary-shadow-outer-opacity: 0;
@tl-button-primary-shadow-outer-offset-y: 0;
@tl-button-primary-shadow-outer-blur: 0;
@tl-form-height: 6rem;
@tl-form-font-family: 'Montserrat', Arial, sans-serif;
@tl-form-border-top-color-opaque: #285b4c;
@tl-form-border-color-opaque: #285b4c;
@tl-form-inset-shadow-opacity: 0;
@tl-form-inset-shadow-offset-y: 0;
@tl-header-background-color-opaque: #e2e0d9;
@tl-button-primary-background-top-default: @tl-button-primary-background-bottom;
@tl-button-primary-hover-background-top-default: @tl-button-primary-hover-background-bottom;
@tl-fp-form-background-opacity: 0;
@tl-fp-form-padding-left: 1px;
@tl-fp-title-font-family: 'Tenor Sans';
@tl-fp-field-border-radius: 0;
@tl-fp-field-font-family: 'Montserrat', Arial, sans-serif;
@tl-fp-field-color-opaque: #333333;
@tl-fp-field-icon-color: #285b4c;
@tl-external-control-color: #285b4c;
@tl-fp-button-color-base: #285b4c;
@tl-fp-button-font-family: 'Montserrat', Arial, sans-serif;
@tl-fp-field-background-color-opaque: #e2e0d9;
@tl-fp-form-padding-top: 20px;
@tl-fp-title-enabled: false;
@tl-fp-field-text-font-weight: 600;
@tl-fp-button-border-radius: 30px;
@tl-fp-button-font-weight: 400;
@tl-fp-button-text-transform: none;
@tl-fp-controls-padding-right-wide: 10px;