About Us

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

About Salam Cards Co.

Cards that carry the warmth of As-Salamu Alaykum.

We started Salam Cards Co. because we believe the words of peace deserve to be beautifully expressed. Every card, print, and journal we create is designed for Muslims who want to celebrate life’s moments — big and small — with faith, intention, and artistry.

From Eid greetings to everyday duas, our premium Islamic greeting cards and journals are crafted to connect hearts and honor the traditions that matter most.

What we offer:

🌸 Premium physical greeting cards
📖 Digital printables & daily reminders
📔 Islamic mindfulness journals

Based in the US · Shipped with love · Designed for every blessed occasion.

> About Us | Salam Cards Co. — Premium Islamic Greeting Cards & Journals <

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

As salam Collection

About Salam Cards Co.

Cards that carry the warmth of As-Salamu Alaykum.

From Eid greetings to everyday duas, our premium Islamic greeting cards and journals are crafted to connect hearts and honor the traditions that matter most.

What we offer:

🌸 Premium physical greeting cards
📖 Digital printables & daily reminders
📔 Islamic mindfulness journals

Based in the US · Shipped with love · Designed for every blessed occasion.

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.

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

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.

As salam Collection

About Salam Cards Co.

Cards that carry the warmth of As-Salamu Alaykum.

From Eid greetings to everyday duas, our premium Islamic greeting cards and journals are crafted to connect hearts and honor the traditions that matter most.

What we offer:

🌸 Premium physical greeting cards
📖 Digital printables & daily reminders
📔 Islamic mindfulness journals

Based in the US · Shipped with love · Designed for every blessed occasion.

About Salam Cards Co.

What we offer:

SALAM

About Salam Cards Co.

What we offer:

Get in touch

About us

Join our email list

Your cart is empty

Your cart is empty

About Salam Cards Co.

What we offer: