Collections

Explore our thoughtfully curated collections of Islamic greeting cards, digital printables, and faith-inspired journals. Each piece is designed to bring grace and meaning to your celebrations, whether marking joyful occasions or quiet moments of reflection.

A collage-style graphic with flowers around the edges and a central white card reading 'ASSALAM' and Arabic calligraphy, plus a pink sticker that says 'Keep Moving Forward!' and a smaller motivational quote at the bottom.

As salam Collection

Bismillah

Innama alusri yusra
"Verily, with hardship, there is relief." (Surah Ash-Sharh, 94:5)

Bloom Through the Hardship

In the name of God, the Entirely Merciful, the Especially Merciful" (often translated as "In the name of Allah, the Most Gracious, the Most Merciful

Digital Daily Reminders

Digital Downloads

A close-up of a pink hydrangea flower head with green leaves growing in a mulched garden bed.

Greeting Cards

Home page

> Collections – Salam Cards Co. <

Islamic greeting cards, digital reminders & faith-inspired stationery designed to bring a little more peace into everyday life.

Ash-Sharh 6 greeting card — Verily with hardship comes ease, Arabic calligraphy on cream card with Allah sticker

stylesheet body { --header-height: 60px; --header-group-height: var(--header-height); --transparent-header-offset-boolean: 0; /* stylelint-disable-line declaration-property-value-disallowed-list */ } .header { /* Set header paddings based on height setting */ --header-padding: var(--padding-sm); --font-paragraph--line-height: 1; --header-content-transition-timing: 0s; display: block; contain: layout style; background: transparent; a, .button, .button-secondary, .header-actions__action { /* reset style from base.css */ transition: color var(--header-content-transition-timing), border-color var(--header-content-transition-timing); } } #header-component :is(.header-menu, .dropdown-localization) { display: none; } @media screen and (min-width: 750px) { #header-component[data-menu-style='menu'] :is(.header-menu, .dropdown-localization) { display: flex; } } #header-component[data-menu-style='drawer'] .header__column { display: contents; } @media screen and (min-width: 750px) { #header-component[data-menu-style='menu'] .header__navigation-bar-row { display: none; } } .header[transparent] { --language-button-background-color: transparent; --language-button-border-color: transparent; --header-content-transition-timing: calc(var(--submenu-animation-speed) - var(--animation-speed-fast)) var(--animation-speed-fast) var(--ease-out-cubic); --closed-underlay-height: 0px; /* used to display the appropriate logo based on transparency state */ --header-logo-display: none; --header-logo-inverse-display: block; position: absolute; top: 0; left: 0; right: 0; z-index: var(--layer-overlay); &[transparent='not-sticky'][data-sticky-state='active'], &:has(.menu-list__link:not([aria-haspopup]):hover) { --header-logo-display: unset; --header-logo-inverse-display: unset; --color-foreground: inherit; --color-foreground-rgb: inherit; --color-background: inherit; --color-background-rgb: inherit; --color-border: inherit; --color-border-rgb: inherit; --closed-underlay-height: 100%; } /** For transparent header, apply transparent text color to rows when menu is not hovered */ &:not([data-sticky-state='active']):not(:has(.menu-list__link:is(:hover, [aria-expanded='true']))) .header__row { --color-foreground: var(--color-transparent-text); --color-foreground-rgb: var(--color-transparent-text-rgb); --color-border: var(--color-transparent-text); --color-border-rgb: var(--color-transparent-text-rgb); --color-primary-button-background: var(--color-transparent-text); --color-primary-button-text: var(--color-transparent-text-contrast); } /* Swap the cart bubble in transparent state only when using the default style. Custom bubble colors apply unchanged across header states. */ &[data-bubble-style='default']:not([data-sticky-state='active']):not( :has(.menu-list__link:is(:hover, [aria-expanded='true'])) ) .header__row { --cart-bubble-background: var(--color-transparent-text, var(--cart-bubble-background-fallback)); --cart-bubble-text: var(--color-transparent-text-contrast, var(--cart-bubble-text-fallback)); } /* Multiple selectors for performance: each simple :has() check is faster than one complex selector with multiple conditions */ &:has(.mega-menu__list:hover), &:has(.menu-list__link:is(:hover, [aria-expanded='true'])), &:has(.menu-list__list-item[slot='overflow'] .menu-list__link:is(:hover, [aria-expanded='true'])) { --header-logo-display: unset; --header-logo-inverse-display: unset; --color-foreground: inherit; --color-foreground-rgb: inherit; --color-background: inherit; --color-background-rgb: inherit; --color-border: inherit; --color-border-rgb: inherit; --header-content-transition-timing: var(--submenu-animation-speed) var(--ease-out-cubic); } } /* When top row has transparent background, make it inherit colors from header component */ [data-transparent-background='top']:hover .header__row--top, [data-transparent-background='top']:focus-within .header__row--top, [data-transparent-background='both']:hover .header__row--top, [data-transparent-background='both']:focus-within .header__row--top { --color-foreground: inherit; --color-foreground-rgb: inherit; --color-border: inherit; --color-border-rgb: inherit; --color-primary-button-background: inherit; --color-primary-button-text: inherit; } /* When bottom row has transparent background, make it inherit colors from header component */ [data-transparent-background='bottom']:hover .header__row--bottom, [data-transparent-background='bottom']:focus-within .header__row--bottom, [data-transparent-background='both']:hover .header__row--bottom, [data-transparent-background='both']:focus-within .header__row--bottom { --color-foreground: inherit; --color-foreground-rgb: inherit; --color-border: inherit; --color-border-rgb: inherit; --color-primary-button-background: inherit; --color-primary-button-text: inherit; } .header-section { position: relative; z-index: var(--layer-menu-drawer); } /* need default values for non-flash transitions on first overflow menu open */ #header-component { --submenu-height: 0px; --full-open-header-height: 0px; } #header-group:has(#header-component[sticky]) { display: contents; } .header-section:has(> #header-component[sticky='always']), .header-section:has(> #header-component[sticky='scroll-up'][data-sticky-state='active']) { position: sticky; /* Use -1 instead of 0 so intersection observer can track sticky state */ top: -1px; z-index: var(--layer-menu-drawer); } .header[data-sticky-state] { transition: opacity var(--animation-speed) var(--animation-easing); opacity: 1; } .header[data-sticky-state='active'] { view-transition-name: sticky-header; } :active-view-transition-type(empty-cart-drawer) { .header[data-sticky-state='active'] { view-transition-name: none; } } .header[data-sticky-state='idle'] { opacity: 0; } /* ================================ * Underlays * ================================ */ .header__underlay { position: absolute; inset: 0; } .header__underlay-closed { height: var(--closed-underlay-height, 100%); z-index: var(--layer-lowest); background: linear-gradient( var(--color-background-top-row) 0 var(--top-row-height), var(--color-background-bottom-row) var(--top-row-height) var(--header-height) ); transition: height var(--animation-speed-slow) var(--ease-out-cubic); } .header__underlay-open { height: var(--full-open-header-height); background: linear-gradient( var(--color-background-top-row) 0 var(--top-row-height), var(--color-background-bottom-row) var(--top-row-height) var(--header-height), var(--color-submenu) var(--header-height) 100% ); /* header-height is updated via js, the transition works automagically */ transition: height var(--submenu-animation-speed) var(--ease-out-cubic); } .header__underlay-open::after { content: ''; position: absolute; inset: 0; box-shadow: var(--shadow-popover); clip-path: inset(var(--header-height) 0 -100px 0); /* stylelint-disable-line */ transition: height var(--submenu-animation-speed) var(--ease-out-cubic); } /* When top row has transparent background, swap underlay to merchant's chosen color at full opacity */ [data-transparent-background='top']:hover, [data-transparent-background='top']:focus-within, [data-transparent-background='both']:hover, [data-transparent-background='both']:focus-within { :is(.header__underlay-open, .header__underlay-closed) { --color-background-top-row: var(--color-background); } } /* When bottom row has transparent background, swap underlay to merchant's chosen color at full opacity */ [data-transparent-background='bottom']:hover, [data-transparent-background='bottom']:focus-within, [data-transparent-background='both']:hover, [data-transparent-background='both']:focus-within { :is(.header__underlay-open, .header__underlay-closed) { --color-background-bottom-row: var(--color-background); } } [data-submenu-overlap-bottom-row] { .header__underlay-open { background: linear-gradient( var(--color-background-top-row) 0 var(--top-row-height), var(--color-submenu) var(--top-row-height) 100% ); } .header__row--bottom { z-index: var(--layer-lowest); } } /* End Underlays ================ */ .header__row { /* The account component uses a different background color, but we need to override it to inherit the color of the header row */ --color-account-icon: var(--color-foreground); position: relative; /* Overwrite color from section settings, background is controlled by the underlays */ /* stylelint-disable-next-line declaration-no-important */ background-color: transparent !important; &:has(.mega-menu__list:hover), &:has(.menu-list__link[aria-haspopup]:is(:hover, [aria-expanded='true'])), &:has(.menu-list__list-item[slot='overflow'] .menu-list__link:is(:hover, [aria-expanded='true'])) { /* Only elevate the row when the submenu is open to avoid overlapping other elevated content */ z-index: var(--layer-heightened); } } .header__row--top:not(.divider--page-width), .header__row--top.divider--page-width .header__columns, .header__row--bottom { border-bottom: var(--border-bottom-width) solid var(--border-bottom-color, var(--color-border)); } @media screen and (max-width: 749px) { .header__row--top:not(.divider--page-width), .header__row--top.divider--page-width .header__columns { border-bottom-width: var(--border-bottom-width-mobile); border-bottom-color: var(--border-bottom-color-mobile); } } #header-component[data-menu-style='drawer'] .header__row--top:not(.divider--page-width), #header-component[data-menu-style='drawer'] .header__row--top.divider--page-width .header__columns { border-bottom-width: var(--border-bottom-width-mobile); border-bottom-color: var(--border-bottom-color-mobile); } .header__row.divider--page-width:not(.section--page-width) .header__columns { @media screen and (min-width: 750px) { padding-inline-start: 0; padding-inline-end: 0; margin-inline-start: var(--page-margin); margin-inline-end: var(--page-margin); } } .header__column { display: flex; align-items: center; /* on mobile, header__column nodes are ignored to create a new grid-template-area based on all visible content */ @media screen and (max-width: 749px) { display: contents; } } .header__column--left, .header__column--center { gap: var(--gap-xl); grid-area: left; } .header__column--center { justify-content: center; grid-area: center; header-menu:only-child .overflow-menu::part(list) { justify-content: center; } } .header__column--right { gap: var(--gap-xl); justify-content: flex-end; grid-area: right; .overflow-menu::part(list) { justify-content: flex-end; } } .header__columns { /* Three column layout */ --header-left: 1fr; --header-center: auto; --header-right: 1fr; --header-template-columns: var(--header-left) var(--header-center) var(--header-right); /* Mobile layout */ --header-mobile-bookend: 44px; display: grid; grid-template-areas: 'left center right'; grid-gap: var(--gap-xl); grid-template-columns: var(--header-template-columns); /* If menu is in center column */ &:has(.header__column--center header-menu) { --header-center: auto; --header-left: minmax(max-content, 1fr); --header-right: minmax(max-content, 1fr); } /* If there is no center column, make the column the menu is in grow eagerly */ &:where(:not(:has(.header__column--center))) { @media screen and (min-width: 750px) { --header-template-columns: var(--header-left) var(--header-right); grid-template-areas: 'left right'; } /* If the header-menu is in the right column */ &:has(.header__column--right header-menu) { --header-right: auto; --header-left: minmax(max-content, 1fr); } /* If the header-menu is in the left column */ &:has(.header__column--left header-menu) { --header-left: auto; --header-right: minmax(max-content, 1fr); } } @media screen and (max-width: 749px) { --header-template-columns: var(--header-mobile-bookend) var(--header-mobile-bookend) 1fr var(--header-mobile-bookend) var(--header-mobile-bookend); grid-template-areas: 'leftA leftB center rightA rightB'; grid-column: span 3; column-gap: 0; align-items: center; padding-block: 0; padding-inline: 0 var(--padding-3xs); .header-logo { grid-area: center; } &:not(:has(header-actions)) .search-action { grid-area: leftB; } &:not(:has(shopify-account)) .search-action { grid-area: rightA; } .search-action { grid-area: leftB; } header-actions { grid-area: rightB; } } } /* not ideal but we need to duplicate these styles for when touch comes into play We could avoid the duplication using js to set the data-menu-style attribute on small screens instead of using @media queries */ #header-component[data-menu-style='drawer'] .header__columns { --header-template-columns: var(--header-mobile-bookend) var(--header-mobile-bookend) 1fr var(--header-mobile-bookend) var(--header-mobile-bookend); grid-template-areas: 'leftA leftB center rightA rightB'; grid-column: span 3; column-gap: 0; align-items: center; padding-block: 0; padding-inline: 0 var(--padding-3xs); .header-logo { grid-area: center; } &:not(:has(header-actions)) .search-action { grid-area: leftB; } &:not(:has(shopify-account)) .search-action { grid-area: rightA; } .search-action { grid-area: leftB; } header-actions { grid-area: rightB; } } /* Single column layout if there are no columns within */ .header__columns:not(:has(.header__column)) { grid-template-columns: 1fr; } /* Check for hover support to avoid unnecessary expensive recalculations when tapping on mobile */ @media (hover: hover) { /* Column-specific dimming effect when any interactive element is hovered Multiple selectors for performance: each simple :has() check is faster than one complex selector with multiple conditions */ .header__column:has(header-menu:hover), .header__column:has(.header-actions__action:hover), .header__column:has(.header__icon--menu:hover) { header-menu:not(:hover), .header-actions__action:not(:hover), .header__icon--menu:not(:hover) { opacity: var(--opacity-subdued-text); transition: opacity var(--animation-speed) var(--animation-easing); } } } /* Ensure smooth transitions for all interactive elements */ header-menu, .header-actions__action, .header__icon--menu { transition: opacity var(--animation-speed) var(--animation-easing); } /* Header action button styles */ .header-actions__action { --button-color: var(--color-foreground); color: var(--button-color); cursor: pointer; display: flex; justify-content: center; &:hover { --button-color: var(--color-foreground); } } .header-actions__action:not(.account-button) .svg-wrapper { height: var(--button-size); width: var(--button-size); } .header-actions__action:not(.account-button) svg { width: var(--icon-size-md); height: var(--icon-size-md); } .header:has(#Details-menu-drawer-container[open]) { contain: style; } .header.header--compact { --header-padding: var(--padding-2xs); } .header__columns { --padding-block-start: var(--header-padding); --padding-block-end: var(--header-padding); } .header:not(.header--compact) .header__row--bottom { --header-padding: var(--padding-xs); } .header--collapse-row-paddings { .header__row--top .header__columns { --padding-block-end: 0px; } .header__row--bottom .header__columns { --padding-block-start: 0px; } } /* When the header is transparent, add a margin to a potential header-section below it */ .header-section:has(.header[transparent]) + .shopify-section { margin-top: var(--header-height); } /* Optimize layout performance for hidden menus */ .header-menu .menu-list__submenu { content-visibility: auto; contain-intrinsic-size: 0px 500px; } /* Force visibility when open/animating and in overflow submenu to prevent layout issues */ .header-menu details[open] .menu-list__submenu, .header-menu .menu-list__submenu[data-active], .header-menu .menu-list__list-item[slot='overflow'] .menu-list__submenu { content-visibility: visible; } /* Dropdown Localization Styles */ .dropdown-localization__button { display: flex; position: relative; align-items: center; gap: 4px; font-family: var(--menu-localization-font); font-size: var(--menu-localization-font-size); font-weight: var(--menu-top-level-font-weight); padding-inline: var(--padding-2xs); margin-inline: calc(-1 * var(--padding-2xs)); } .dropdown-localization__button .svg-wrapper.icon-caret { height: var(--icon-size-xs); width: var(--icon-size-xs); right: var(--margin-xs); top: calc(50% - var(--padding-2xs)); flex-shrink: 0; transition: transform var(--animation-speed) var(--animation-easing); } .dropdown-localization__button .icon-flag { width: var(--menu-localization-font-size, var(--icon-size-sm)); height: var(--menu-localization-font-size, var(--icon-size-sm)); clip-path: circle(50%); /* stylelint-disable-line */ background-position: center; background-size: cover; margin-inline-end: 4px; position: relative; } .dropdown-localization__button .icon-flag::after { content: ''; position: absolute; inset: 0; box-shadow: inset 0 0 var(--size-shadow) var(--color-shadow); border-radius: 50%; } .dropdown-localization__button[aria-expanded='true'] .icon-caret svg { transform: rotate(180deg); } .dropdown-localization__button, .dropdown-localization__button:hover { box-shadow: none; background-color: transparent; border-color: transparent; } dropdown-localization-component .localization-form__list { max-height: 20.5rem; } .localization-wrapper { position: fixed; z-index: var(--layer-raised); border-radius: var(--style-border-radius-popover); transition-property: display, opacity, translate; transition-duration: 0.3s; transition-timing-function: var(--ease-out-quad); transition-behavior: allow-discrete; translate: 0 20px; opacity: 0; } .localization-wrapper:not([hidden]) { translate: 0 0; opacity: 1; } .localization-wrapper:not([hidden]) { translate: 0 20px; opacity: 0; } dropdown-localization-component { position: relative; background-color: transparent; } dropdown-localization-component .country-filter { position: relative; padding: 8px; } dropdown-localization-component .country-filter__input { border: none; } dropdown-localization-component .localization-form__list-item { margin-inline: 8px; } dropdown-localization-component .localization-wrapper { box-shadow: var(--shadow-popover); border: var(--style-border-popover); background-color: var(--color-background); max-height: 27.5rem; position: absolute; top: calc(100% + 10px); z-index: calc(var(--layer-header-menu) + 1); } dropdown-localization-component .localization-wrapper.right-bound { right: 0; left: unset; } dropdown-localization-component .localization-wrapper.left-bound { left: -8px; right: unset; } /* Additional specificity due to dropdown-localization-component getting a low score */ dropdown-localization-component .language-selector.language-selector { padding: 10px 8px 10px 16px; } dropdown-localization-component .localization-form__currency { width: max-content; opacity: 0; visibility: hidden; transition: none; } dropdown-localization-component .localization-form__select:hover { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-8)); } dropdown-localization-component :is( .localization-form__list-item:hover, .localization-form__list-item[aria-selected='true'], .localization-form__list-item[aria-current='true'] ) .localization-form__currency { opacity: 1; color: var(--color-foreground-muted); transition: opacity var(--animation-speed-slow) var(--animation-easing); visibility: visible; } .dropdown-localization .language-selector:where(:not(.language-selector--top-shadow)) { font-weight: var(--menu-top-level-font-weight); } .dropdown-localization:not(dropdown-localization-component) .language-selector { font-family: var(--menu-localization-font); font-size: var(--menu-localization-font-size); } endstylesheet unless request.design_mode { "name": "t:names.header", "tag": "header", "class": "header-section", "settings": [ { "type": "header", "content": "t:content.logo" }, { "type": "select", "id": "logo_position", "label": "t:settings.position", "options": [ { "value": "left", "label": "t:options.left" }, { "value": "center", "label": "t:options.center" }, { "value": "right", "label": "t:options.right" } ], "default": "center" }, { "type": "header", "content": "t:content.menu" }, { "type": "select", "id": "menu_position", "label": "t:settings.position", "options": [ { "value": "left", "label": "t:options.left" }, { "value": "center", "label": "t:options.center" }, { "value": "right", "label": "t:options.right" } ], "default": "left" }, { "type": "select", "id": "menu_row", "label": "t:settings.row", "options": [ { "value": "top", "label": "t:options.top" }, { "value": "bottom", "label": "t:options.bottom" } ], "default": "top" }, { "type": "header", "content": "t:content.customer_account" }, { "type": "paragraph", "content": "t:content.manage_customer_accounts" }, { "type": "link_list", "id": "customer_account_menu", "label": "t:settings.menu", "default": "customer-account-main-menu" }, { "type": "header", "content": "t:content.search" }, { "type": "checkbox", "id": "show_search", "label": "t:settings.search_icon", "default": true }, { "type": "select", "id": "search_position", "label": "t:settings.search_position", "options": [ { "value": "left", "label": "t:options.left" }, { "value": "right", "label": "t:options.right" } ], "default": "right", "visible_if": "" }, { "type": "select", "id": "search_row", "label": "t:settings.search_row", "options": [ { "value": "top", "label": "t:options.top" }, { "value": "bottom", "label": "t:options.bottom" } ], "default": "top", "visible_if": "" }, { "type": "header", "content": "t:content.localization" }, { "type": "checkbox", "id": "show_country", "label": "t:settings.country_region", "info": "t:info.manage_countries_regions", "default": true }, { "type": "checkbox", "id": "country_selector_style", "label": "t:settings.flag", "default": true, "visible_if": "" }, { "type": "checkbox", "id": "show_language", "label": "t:settings.language_selector", "info": "t:info.manage_languages", "default": true }, { "type": "select", "id": "localization_font", "label": "t:settings.font", "options": [ { "value": "heading", "label": "t:options.heading" }, { "value": "subheading", "label": "t:options.subheading" }, { "value": "body", "label": "t:options.body" }, { "value": "accent", "label": "t:options.accent" } ], "default": "heading", "visible_if": section.settings.show_country or section.settings.show_language }, { "type": "select", "id": "localization_font_size", "label": "t:settings.size", "options": [ { "value": "0.625rem", "label": "10px" }, { "value": "0.75rem", "label": "12px" }, { "value": "0.875rem", "label": "14px" }, { "value": "1rem", "label": "16px" }, { "value": "1.125rem", "label": "18px" } ], "default": "1rem" }, { "type": "select", "id": "localization_position", "label": "t:settings.position", "options": [ { "value": "left", "label": "t:options.left" }, { "value": "right", "label": "t:options.right" } ], "default": "right", "visible_if": " section.settings.show_country or section.settings.show_language }, { "type": "select", "id": "localization_row", "label": "t:settings.row", "options": [ { "value": "top", "label": "t:options.top" }, { "value": "bottom", "label": "t:options.bottom" } ], "default": "top", "visible_if": " section.settings.show_country or section.settings.show_language }, { "type": "header", "content": "t:content.appearance" }, { "type": "select", "id": "section_width", "label": "t:settings.width", "options": [ { "value": "page-width", "label": "t:options.page" }, { "value": "full-width", "label": "t:options.full" } ] }, { "type": "select", "id": "section_height", "label": "t:settings.height", "options": [ { "value": "compact", "label": "t:options.compact" }, { "value": "standard", "label": "t:options.standard" } ], "default": "standard" }, { "type": "select", "id": "enable_sticky_header", "label": "t:settings.sticky_header", "options": [ { "value": "always", "label": "t:options.always" }, { "value": "scroll-up", "label": "t:options.on_scroll_up" }, { "value": "never", "label": "t:options.never" } ], "default": "always" }, { "type": "range", "id": "divider_width", "label": "t:settings.divider_thickness", "min": 0, "max": 5, "step": 0.5, "unit": "px", "default": 0, "visible_if": " section.settings.menu_row == 'bottom' or section.settings.localization_row == 'bottom' or section.settings.search_row == 'bottom' { "type": "select", "id": "divider_size", "label": "t:settings.divider_width", "options": [ { "value": "page-width", "label": "t:options.page" }, { "value": "full-width", "label": "t:options.full" } ], "visible_if": "section.settings.divider_width 0 and section.settings.menu_row == 'bottom' or section.settings.localization_row == 'bottom' or section.settings.search_row == 'bottom' }, { "type": "color", "id": "divider_color", "label": "t:settings.divider_color", "placeholder": "t:settings.default", "visible_if": section.settings.divider_width > 0 and section.settings.menu_row == 'bottom' or section.settings.localization_row == 'bottom' or section.settings.search_row == 'bottom' }, { "type": "range", "id": "border_width", "label": "t:settings.border_width", "min": 0, "max": 5, "step": 0.5, "unit": "px", "default": 0 }, { "type": "color", "id": "bottom_border_color", "label": "t:settings.bottom_border_color", "placeholder": "t:settings.default", "visible_if": "section.settings.border_width 0 }, { "type": "header", "content": "t:content.utilities" }, { "type": "select", "id": "actions_display_style", "label": "t:settings.actions_display_style", "info": "t:info.actions_display_style", "options": [ { "value": "icon", "label": "t:options.icons" }, { "value": "text", "label": "t:options.text" } ], "default": "icon" }, { "type": "select", "id": "actions_font_size", "label": "t:settings.size", "options": [ { "value": "0.75rem", "label": "12px" }, { "value": "0.875rem", "label": "14px" }, { "value": "1rem", "label": "16px" }, { "value": "1.125rem", "label": "18px" } ], "default": "0.875rem", "visible_if": "section.settings.actions_display_style == 'text' }, { "type": "select", "id": "actions_font", "label": "t:settings.font", "options": [ { "value": "heading", "label": "t:options.heading" }, { "value": "subheading", "label": "t:options.subheading" }, { "value": "body", "label": "t:options.body" }, { "value": "accent", "label": "t:options.accent" } ], "default": "body", "visible_if": " section.settings.actions_display_style == 'text' }, { "type": "select", "id": "actions_text_case", "label": "t:settings.case", "options": [ { "value": "none", "label": "t:options.default" }, { "value": "uppercase", "label": "t:options.uppercase" } ], "default": "none", "visible_if": "section.settings.actions_display_style == 'text' }, { "type": "header", "content": "t:content.colors" }, { "type": "color", "id": "background_color_top", "label": "t:settings.top_row_background", "placeholder": "t:settings.default" }, { "type": "color", "id": "text_color_top", "label": "t:settings.top_row_text", "placeholder": "t:settings.default" }, { "type": "color", "id": "background_color_bottom", "label": "t:settings.bottom_row_background", "placeholder": "t:settings.default", "visible_if": " section.settings.menu_row == 'bottom' or section.settings.localization_row == 'bottom' or section.settings.search_row == 'bottom' }, { "type": "color", "id": "text_color_bottom", "label": "t:settings.bottom_row_text", "placeholder": "t:settings.default", "visible_if": " section.settings.menu_row == 'bottom' or section.settings.localization_row == 'bottom' or section.settings.search_row == 'bottom' }, { "type": "header", "content": "t:content.cart_bubble" }, { "type": "select", "id": "bubble_style", "label": "t:settings.bubble_style", "options": [ { "value": "default", "label": "t:options.default" }, { "value": "custom", "label": "t:options.custom" } ], "default": "default" }, { "type": "color", "id": "bubble_background_color", "label": "t:settings.background", "placeholder": "t:settings.default", "visible_if": "section.settings.bubble_style == 'custom' }, { "type": "color", "id": "bubble_text_color", "label": "t:settings.text", "placeholder": "t:settings.default", "visible_if": "section.settings.bubble_style == 'custom' }, { "type": "header", "content": "t:content.home_page" }, { "type": "checkbox", "id": "enable_transparent_header_home", "label": "t:settings.transparent_background", "default": false }, { "type": "checkbox", "id": "home_inverse_logo", "label": "t:settings.inverse_logo", "default": false, "visible_if": " section.settings.enable_transparent_header_home }, { "type": "color", "id": "text_color_transparent_home", "label": "t:settings.text_color_transparent", "placeholder": "t:settings.default", "visible_if": " section.settings.enable_transparent_header_home }, { "type": "header", "content": "t:content.product_page" }, { "type": "checkbox", "id": "enable_transparent_header_product", "label": "t:settings.transparent_background", "default": false }, { "type": "checkbox", "id": "product_inverse_logo", "label": "t:settings.inverse_logo", "default": false, "visible_if": "section.settings.enable_transparent_header_product }, { "type": "color", "id": "text_color_transparent_product", "label": "t:settings.text_color_transparent", "placeholder": "t:settings.default", "visible_if": "section.settings.enable_transparent_header_product }, { "type": "header", "content": "t:content.collection_page" }, { "type": "checkbox", "id": "enable_transparent_header_collection", "label": "t:settings.transparent_background", "default": false }, { "type": "checkbox", "id": "collection_inverse_logo", "label": "t:settings.inverse_logo", "default": false, "visible_if": " section.settings.enable_transparent_header_collection }, { "type": "color", "id": "text_color_transparent_collection", "label": "t:settings.text_color_transparent", "placeholder": "t:settings.default", "visible_if": section.settings.enable_transparent_header_collection } ], "presets": [] }

Pink prayer card with pink text reading 'Affirmations for Forgiveness' and a handwritten forgiveness affirmation, shown over a blurred dark background with a small product photo inset in the lower left.

SALAM

Explore our thoughtfully curated collections of Islamic greeting cards, digital printables, and faith-inspired journals. Each piece is designed to bring grace and meaning to your celebrations, whether marking joyful occasions or quiet moments of reflection.

As salam Collection

Bismillah

Bloom Through the Hardship

Digital Daily Reminders

Digital Downloads

Greeting Cards

Home page

A square art print featuring a Quranic quote in Arabic, transliterated English, and translation on a white card with a floral background. The quote reads: 'Wala'al-aakhiratu khairul-lakei laka minal-oolaa.

Get in touch

A collage-style product image showing a bouquet of red and yellow roses wrapped in clear plastic, a green decorative book, a pink floral bucket, and a central printed card or notebook with the words 'alhamdulillah' and 'POSITIVE'.

A digital preview of six Islamic dua cards with bohemian patterns, displayed on a solid lavender background with the text 'Dua for rizq' at the top and a page number '1' in the bottom right corner.

Digital Daily Reminders

About us

We create thoughtful Islamic greeting cards and printables to help you celebrate life's meaningful moments with faith and beauty.

Discover the story behind As Salam Cards. We create thoughtfully designed Islamic greeting cards and printables that celebrate life's meaningful moments with warmth, respect, and beautiful artistry. Each card is crafted to help you share joy, gratitude, and connection with the people you cherish.

Join our email list

Get exclusive deals and early access to new products.

Explore our thoughtfully curated collections of Islamic greeting cards, digital printables, and faith-inspired journals. Each piece is designed to bring grace and meaning to your celebrations, whether marking joyful occasions or quiet moments of reflection.

As salam Collection

Bismillah

Bloom Through the Hardship

Digital Daily Reminders

Digital Downloads

Greeting Cards

Home page

Explore our thoughtfully curated collections of Islamic greeting cards, digital printables, and faith-inspired journals. Each piece is designed to bring grace and meaning to your celebrations, whether marking joyful occasions or quiet moments of reflection.

SALAM

Explore our thoughtfully curated collections of Islamic greeting cards, digital printables, and faith-inspired journals. Each piece is designed to bring grace and meaning to your celebrations, whether marking joyful occasions or quiet moments of reflection.

Get in touch

About us

Join our email list

Your cart is empty

Your cart is empty

Explore our thoughtfully curated collections of Islamic greeting cards, digital printables, and faith-inspired journals. Each piece is designed to bring grace and meaning to your celebrations, whether marking joyful occasions or quiet moments of reflection.