.ablocks-block-3b6c56a3-7c7a-4609-803f-56c0da8fea24 { position:relative; } .ablocks-block-3b6c56a3-7c7a-4609-803f-56c0da8fea24 { text-align:left; } .ablocks-block-3b6c56a3-7c7a-4609-803f-56c0da8fea24 .ablocks-heading-text { color:#182630;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:32px;line-height:42px; } @media screen and (max-width: 480px) { .ablocks-block-3b6c56a3-7c7a-4609-803f-56c0da8fea24 .ablocks-heading-text { font-size:22px;line-height:28px; } }
.ablocks-block-e93b6aab-be88-485a-99f9-d3cfd6a0c7a9 { margin-top:40px;padding:0px;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-e93b6aab-be88-485a-99f9-d3cfd6a0c7a9 { margin-top:22px; } } .ablocks-block-e93b6aab-be88-485a-99f9-d3cfd6a0c7a9.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-e93b6aab-be88-485a-99f9-d3cfd6a0c7a9 { display:flex;flex-direction:row;justify-content:center;justify-items:center;flex-wrap:wrap;min-height:0px;row-gap:30px;column-gap:30px; } @media screen and (max-width: 800px) { .ablocks-block-e93b6aab-be88-485a-99f9-d3cfd6a0c7a9 { row-gap:22px;column-gap:22px; } } .ablocks-block-e93b6aab-be88-485a-99f9-d3cfd6a0c7a9.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:row;justify-content:center;justify-items:center;flex-wrap:wrap;min-height:0px;row-gap:30px;column-gap:30px; } @media screen and (max-width: 800px) { .ablocks-block-e93b6aab-be88-485a-99f9-d3cfd6a0c7a9.ablocks-has-block-container > .ablocks-block-container { row-gap:22px;column-gap:22px; } } .ablocks-block-e93b6aab-be88-485a-99f9-d3cfd6a0c7a9 { display:inline-flex; }
.ablocks-block-bbd02e15-74e5-483c-905a-7aaf959e74a5 { padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px;border-width:1px;border-style:solid;border-color:#dee1e6;border-radius:20px;box-shadow:0px 8px 24px 0px #0208350D;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-bbd02e15-74e5-483c-905a-7aaf959e74a5 { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px; } } .ablocks-block-bbd02e15-74e5-483c-905a-7aaf959e74a5.ablocks-block--container { padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px;max-width:min(100%,47%) !important;overflow:visible; } @media screen and (max-width: 480px) { .ablocks-block-bbd02e15-74e5-483c-905a-7aaf959e74a5.ablocks-block--container { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px;max-width:min(100%,100%) !important; } } .ablocks-block-bbd02e15-74e5-483c-905a-7aaf959e74a5 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-bbd02e15-74e5-483c-905a-7aaf959e74a5.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-aafb5d1e-1cb4-4fc8-b7d5-c64932aca8d8 { position:relative; } .ablocks-block-aafb5d1e-1cb4-4fc8-b7d5-c64932aca8d8 { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-aafb5d1e-1cb4-4fc8-b7d5-c64932aca8d8 .ablocks-icon-wrap { font-size:unset; } .ablocks-block-aafb5d1e-1cb4-4fc8-b7d5-c64932aca8d8 .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-aafb5d1e-1cb4-4fc8-b7d5-c64932aca8d8 .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-aafb5d1e-1cb4-4fc8-b7d5-c64932aca8d8 .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-bd4b9fc8-9754-4458-800f-8d5711b424d2 { margin-top:21px;position:relative; } .ablocks-block-bd4b9fc8-9754-4458-800f-8d5711b424d2 { text-align:left; } .ablocks-block-bd4b9fc8-9754-4458-800f-8d5711b424d2 .ablocks-heading-text { color:#182630;font-family:Poppins,"Poppins Fallback",sans-serif;font-weight:500;font-style:normal;font-size:20px;line-height:36px;letter-spacing:0.4px; } @media screen and (max-width: 480px) { .ablocks-block-bd4b9fc8-9754-4458-800f-8d5711b424d2 .ablocks-heading-text { font-size:18px;line-height:32px; } }
Brand Strategy Foundations
.ablocks-block-016751de-92d9-4644-8bcc-b54aa65a60da { margin-top:12px;position:relative; } .ablocks-block-016751de-92d9-4644-8bcc-b54aa65a60da { text-align:left; } .ablocks-block-016751de-92d9-4644-8bcc-b54aa65a60da .ablocks-paragraph-text { color:#565D6D;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0.32px; } .ablocks-block-016751de-92d9-4644-8bcc-b54aa65a60da .ablocks-paragraph-text-drop-caps::first-letter { color:#0f2aff; }
Understand audience, mission, positioning, tone, and messaging to shape meaningful brand identities.
.ablocks-block-5a6306c9-f0e6-4fe2-b199-ba4376b8f181 { padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px;border-width:1px;border-style:solid;border-color:#dee1e6;border-radius:20px;box-shadow:0px 8px 24px 0px #0208350D;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-5a6306c9-f0e6-4fe2-b199-ba4376b8f181 { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px; } } .ablocks-block-5a6306c9-f0e6-4fe2-b199-ba4376b8f181.ablocks-block--container { padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px;max-width:min(100%,47%) !important;overflow:visible; } @media screen and (max-width: 480px) { .ablocks-block-5a6306c9-f0e6-4fe2-b199-ba4376b8f181.ablocks-block--container { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px;max-width:min(100%,100%) !important; } } .ablocks-block-5a6306c9-f0e6-4fe2-b199-ba4376b8f181 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-5a6306c9-f0e6-4fe2-b199-ba4376b8f181.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-f8f022df-7129-4f17-a1cf-8ff7fa3003f7 { position:relative; } .ablocks-block-f8f022df-7129-4f17-a1cf-8ff7fa3003f7 { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-f8f022df-7129-4f17-a1cf-8ff7fa3003f7 .ablocks-icon-wrap { font-size:unset; } .ablocks-block-f8f022df-7129-4f17-a1cf-8ff7fa3003f7 .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-f8f022df-7129-4f17-a1cf-8ff7fa3003f7 .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-f8f022df-7129-4f17-a1cf-8ff7fa3003f7 .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-4c23598e-aaab-4487-8774-3c962d1350c5 { margin-top:21px;position:relative; } .ablocks-block-4c23598e-aaab-4487-8774-3c962d1350c5 { text-align:left; } .ablocks-block-4c23598e-aaab-4487-8774-3c962d1350c5 .ablocks-heading-text { color:#182630;font-family:Poppins,"Poppins Fallback",sans-serif;font-weight:500;font-style:normal;font-size:20px;line-height:36px;letter-spacing:0.4px; } @media screen and (max-width: 480px) { .ablocks-block-4c23598e-aaab-4487-8774-3c962d1350c5 .ablocks-heading-text { font-size:18px;line-height:32px; } }
Logo Design Systems
.ablocks-block-5e114999-db25-417a-91f8-3e24995698d0 { margin-top:12px;position:relative; } .ablocks-block-5e114999-db25-417a-91f8-3e24995698d0 { text-align:left; } .ablocks-block-5e114999-db25-417a-91f8-3e24995698d0 .ablocks-paragraph-text { color:#565D6D;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0.32px; } .ablocks-block-5e114999-db25-417a-91f8-3e24995698d0 .ablocks-paragraph-text-drop-caps::first-letter { color:#0f2aff; }
Create flexible, scalable logo systems with variations, grid structure, and mark construction.
.ablocks-block-69a0a61c-a0fc-4902-a732-10fd5356066b { padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px;border-width:1px;border-style:solid;border-color:#dee1e6;border-radius:20px;box-shadow:0px 8px 24px 0px #0208350D;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-69a0a61c-a0fc-4902-a732-10fd5356066b { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px; } } .ablocks-block-69a0a61c-a0fc-4902-a732-10fd5356066b.ablocks-block--container { padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px;max-width:min(100%,47%) !important;overflow:visible; } @media screen and (max-width: 480px) { .ablocks-block-69a0a61c-a0fc-4902-a732-10fd5356066b.ablocks-block--container { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px;max-width:min(100%,100%) !important; } } .ablocks-block-69a0a61c-a0fc-4902-a732-10fd5356066b { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-69a0a61c-a0fc-4902-a732-10fd5356066b.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-924bbe7f-3c65-4e86-b8ad-2e380320fdb1 { position:relative; } .ablocks-block-924bbe7f-3c65-4e86-b8ad-2e380320fdb1 { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-924bbe7f-3c65-4e86-b8ad-2e380320fdb1 .ablocks-icon-wrap { font-size:unset; } .ablocks-block-924bbe7f-3c65-4e86-b8ad-2e380320fdb1 .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-924bbe7f-3c65-4e86-b8ad-2e380320fdb1 .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-924bbe7f-3c65-4e86-b8ad-2e380320fdb1 .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-8381db76-cc02-4b4a-9c67-a7e85ce65dfa { margin-top:21px;position:relative; } .ablocks-block-8381db76-cc02-4b4a-9c67-a7e85ce65dfa { text-align:left; } .ablocks-block-8381db76-cc02-4b4a-9c67-a7e85ce65dfa .ablocks-heading-text { color:#182630;font-family:Poppins,"Poppins Fallback",sans-serif;font-weight:500;font-style:normal;font-size:20px;line-height:36px;letter-spacing:0.4px; } @media screen and (max-width: 480px) { .ablocks-block-8381db76-cc02-4b4a-9c67-a7e85ce65dfa .ablocks-heading-text { font-size:18px;line-height:32px; } }
Color Psychology & Palette Building
.ablocks-block-3f825c1a-24d8-4b81-8387-5c7dcd5bc140 { margin-top:12px;position:relative; } .ablocks-block-3f825c1a-24d8-4b81-8387-5c7dcd5bc140 { text-align:left; } .ablocks-block-3f825c1a-24d8-4b81-8387-5c7dcd5bc140 .ablocks-paragraph-text { color:#565D6D;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0.32px; } .ablocks-block-3f825c1a-24d8-4b81-8387-5c7dcd5bc140 .ablocks-paragraph-text-drop-caps::first-letter { color:#0f2aff; }
Use color theory and psychology to build powerful, memorable brand palettes.
.ablocks-block-74e08fc9-85bc-4acc-ab7f-aa3cda0f6cf5 { padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px;border-width:1px;border-style:solid;border-color:#dee1e6;border-radius:20px;box-shadow:0px 8px 24px 0px #0208350D;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-74e08fc9-85bc-4acc-ab7f-aa3cda0f6cf5 { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px; } } .ablocks-block-74e08fc9-85bc-4acc-ab7f-aa3cda0f6cf5.ablocks-block--container { padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px;max-width:min(100%,47%) !important;overflow:visible; } @media screen and (max-width: 480px) { .ablocks-block-74e08fc9-85bc-4acc-ab7f-aa3cda0f6cf5.ablocks-block--container { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px;max-width:min(100%,100%) !important; } } .ablocks-block-74e08fc9-85bc-4acc-ab7f-aa3cda0f6cf5 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-74e08fc9-85bc-4acc-ab7f-aa3cda0f6cf5.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-8e6d2911-ed5d-4132-8c98-96e59e92ce10 { position:relative; } .ablocks-block-8e6d2911-ed5d-4132-8c98-96e59e92ce10 { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-8e6d2911-ed5d-4132-8c98-96e59e92ce10 .ablocks-icon-wrap { font-size:unset; } .ablocks-block-8e6d2911-ed5d-4132-8c98-96e59e92ce10 .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-8e6d2911-ed5d-4132-8c98-96e59e92ce10 .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-8e6d2911-ed5d-4132-8c98-96e59e92ce10 .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-fbed1043-14fe-48a7-a4c4-304d5157571e { margin-top:21px;position:relative; } .ablocks-block-fbed1043-14fe-48a7-a4c4-304d5157571e { text-align:left; } .ablocks-block-fbed1043-14fe-48a7-a4c4-304d5157571e .ablocks-heading-text { color:#182630;font-family:Poppins,"Poppins Fallback",sans-serif;font-weight:500;font-style:normal;font-size:20px;line-height:36px;letter-spacing:0.4px; } @media screen and (max-width: 480px) { .ablocks-block-fbed1043-14fe-48a7-a4c4-304d5157571e .ablocks-heading-text { font-size:18px;line-height:32px; } }
Typography for Branding
.ablocks-block-5b7096bc-da1c-4fc7-8ec5-098e956116b7 { margin-top:12px;position:relative; } .ablocks-block-5b7096bc-da1c-4fc7-8ec5-098e956116b7 { text-align:left; } .ablocks-block-5b7096bc-da1c-4fc7-8ec5-098e956116b7 .ablocks-paragraph-text { color:#565D6D;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0.32px; } .ablocks-block-5b7096bc-da1c-4fc7-8ec5-098e956116b7 .ablocks-paragraph-text-drop-caps::first-letter { color:#0f2aff; }
Build strong typographic systems using font pairing, hierarchy, and readability principles.
.ablocks-block-49942a54-a47c-4343-aaf6-3fd7a2505aae { margin-top:68px;padding:24px;background:#ffffff;border-width:1px;border-style:solid;border-color:#dee1e6;border-radius:20px;position:relative; } @media screen and (max-width: 800px) { .ablocks-block-49942a54-a47c-4343-aaf6-3fd7a2505aae { padding-top:22px; } } @media screen and (max-width: 480px) { .ablocks-block-49942a54-a47c-4343-aaf6-3fd7a2505aae { margin-top:22px;padding:10px; } } .ablocks-block-49942a54-a47c-4343-aaf6-3fd7a2505aae.ablocks-block--container { padding:24px;max-width:min(100%,100%) !important;overflow:visible; } @media screen and (max-width: 800px) { .ablocks-block-49942a54-a47c-4343-aaf6-3fd7a2505aae.ablocks-block--container { padding-top:22px; } } @media screen and (max-width: 480px) { .ablocks-block-49942a54-a47c-4343-aaf6-3fd7a2505aae.ablocks-block--container { padding:10px; } } .ablocks-block-49942a54-a47c-4343-aaf6-3fd7a2505aae { display:flex;flex-direction:row;min-height:0px;row-gap:0px;column-gap:20px; } @media screen and (max-width: 480px) { .ablocks-block-49942a54-a47c-4343-aaf6-3fd7a2505aae { flex-direction:column;align-items:center;row-gap:25px; } } .ablocks-block-49942a54-a47c-4343-aaf6-3fd7a2505aae.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:row;min-height:0px;row-gap:0px;column-gap:20px; } @media screen and (max-width: 480px) { .ablocks-block-49942a54-a47c-4343-aaf6-3fd7a2505aae.ablocks-has-block-container > .ablocks-block-container { flex-direction:column;align-items:center;row-gap:25px; } } .ablocks-block-49942a54-a47c-4343-aaf6-3fd7a2505aae { display:inline-flex; }
.ablocks-block-f4ab0a92-4355-4270-a699-23c91f6642f8 { padding:0px;position:relative; } .ablocks-block-f4ab0a92-4355-4270-a699-23c91f6642f8.ablocks-block--container { padding:0px;max-width:min(100%,18%) !important;overflow:visible; } @media screen and (max-width: 480px) { .ablocks-block-f4ab0a92-4355-4270-a699-23c91f6642f8.ablocks-block--container { max-width:min(100%,100%) !important; } } .ablocks-block-f4ab0a92-4355-4270-a699-23c91f6642f8 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-f4ab0a92-4355-4270-a699-23c91f6642f8.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-9a62bd75-b377-4416-ab39-568fed99df01 { position:relative; } .ablocks-block-9a62bd75-b377-4416-ab39-568fed99df01 { display:flex;justify-content:left; } @media screen and (max-width: 480px) { .ablocks-block-9a62bd75-b377-4416-ab39-568fed99df01 { justify-content:center; } } .ablocks-block-9a62bd75-b377-4416-ab39-568fed99df01 .ablocks-image-figure img { height:auto;opacity:1; } @media screen and (max-width: 480px) { .ablocks-block-9a62bd75-b377-4416-ab39-568fed99df01 .ablocks-image-figure img { width:150px; } } .ablocks-block-9a62bd75-b377-4416-ab39-568fed99df01 .ablocks-image-figure img:hover { transition:border 0.5s,box-shadow 0s,opacity 0.5s,filter 0.5s,transform 0.3s; } .ablocks-block-9a62bd75-b377-4416-ab39-568fed99df01 .ablocks-image-figure .ablocks-image-caption { text-align:left; }
.ablocks-block-3299966f-4587-433c-a268-d5db70ad3cd4 { margin-top:20px;padding:0px;position:relative; } .ablocks-block-3299966f-4587-433c-a268-d5db70ad3cd4.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-3299966f-4587-433c-a268-d5db70ad3cd4 { display:flex;flex-direction:row;justify-content:center;justify-items:center;align-items:center;min-height:0px;row-gap:0px;column-gap:12px; } .ablocks-block-3299966f-4587-433c-a268-d5db70ad3cd4.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:row;justify-content:center;justify-items:center;align-items:center;min-height:0px;row-gap:0px;column-gap:12px; } .ablocks-block-3299966f-4587-433c-a268-d5db70ad3cd4 { display:inline-flex; }
.ablocks-block-20dd0be0-5d22-4dc2-8295-afdc36b12aad { position:relative; } .ablocks-block-20dd0be0-5d22-4dc2-8295-afdc36b12aad { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-20dd0be0-5d22-4dc2-8295-afdc36b12aad .ablocks-icon-wrap { font-size:unset; } .ablocks-block-20dd0be0-5d22-4dc2-8295-afdc36b12aad .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-20dd0be0-5d22-4dc2-8295-afdc36b12aad .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-20dd0be0-5d22-4dc2-8295-afdc36b12aad .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-6dc83508-7681-4f33-9899-252565c9f08b { position:relative; } .ablocks-block-6dc83508-7681-4f33-9899-252565c9f08b { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-6dc83508-7681-4f33-9899-252565c9f08b .ablocks-icon-wrap { font-size:unset; } .ablocks-block-6dc83508-7681-4f33-9899-252565c9f08b .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-6dc83508-7681-4f33-9899-252565c9f08b .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-6dc83508-7681-4f33-9899-252565c9f08b .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-8d2bc59e-510f-4e99-a365-76504f95e2c0 { padding:0px;position:relative; } .ablocks-block-8d2bc59e-510f-4e99-a365-76504f95e2c0.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-8d2bc59e-510f-4e99-a365-76504f95e2c0 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-8d2bc59e-510f-4e99-a365-76504f95e2c0.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 { padding:0px;border-style:none;position:relative; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88:not(.ablocks-has-block-container), .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88.ablocks-block--info-box > .ablocks-block-container { gap:16px;display:flex;flex-direction:row;align-items:flex-start; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-block--info-box__content { gap:10px;align-items:flex-start; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-info-box-badge-link { color:#13191B;top:0;right:0;bottom:auto;left:auto;background:#DDDDDF;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-size:12px; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88:not(.ablocks-has-block-container) > .ablocks-icon-wrap, .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 > .ablocks-block-container > .ablocks-icon-wrap, .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88:not(.ablocks-has-block-container) > a .ablocks-icon-wrap, .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 > .ablocks-block-container > a .ablocks-icon-wrap { font-size:55px; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88:not(.ablocks-has-block-container) > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 > .ablocks-block-container > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 > a .ablocks-icon-wrap > img.ablocks-image-icon { height:auto;width:55px; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88:not(.ablocks-has-block-container) > .ablocks-icon-wrap > svg.ablocks-svg-icon, .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 > .ablocks-block-container > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#000000; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-block--info-box__content > .ablocks-info-box-heading { text-align:left;font-family:Poppins,"Poppins Fallback",sans-serif;font-weight:600;font-style:normal;font-size:20px;line-height:30px;color:#110C2D; } @media screen and (max-width: 480px) { .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-block--info-box__content > .ablocks-info-box-heading { font-size:18px; } } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-block--info-box__content > .ablocks-info-box-sub-heading { text-align:left;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:500;font-style:normal;font-size:16px;line-height:24px;color:#5337F0; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-block--info-box__content > .ablocks-info-box-text { text-align:left;color:#595959;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-size:16px; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-block--info-box__content > .ablocks-info-box-text-drop-caps::first-letter { color:#0f2aff; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-info-box-star-ratings { gap:0px;justify-content:flex-start; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap, .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap { font-size:55px; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-info-box-star-ratings-icons { gap:0px; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap > svg { fill:#e99516; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap > svg { fill:#696969; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-info-box-star-rating-number { color:#000000;order:10; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-block--info-box__content > .ablocks-info-box-btn-link { column-gap:10px;background:#13191B;justify-content:center;color:#FAFAFA; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-info-box-btn-link > .ablocks-icon-wrap { font-size:20px; } .ablocks-block-99bb0340-765d-4e62-ab54-cec0e35e9f88 .ablocks-info-box-btn-link > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#FAFAFA; }
John Abrar Published November 26, 2025
.ablocks-block-3305d2a8-7aa7-4786-8abb-4ad30e28d5fc { margin-top:12px;position:relative; } .ablocks-block-3305d2a8-7aa7-4786-8abb-4ad30e28d5fc { text-align:left; } .ablocks-block-3305d2a8-7aa7-4786-8abb-4ad30e28d5fc .ablocks-paragraph-text { color:#565D6D;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px; } .ablocks-block-3305d2a8-7aa7-4786-8abb-4ad30e28d5fc .ablocks-paragraph-text-drop-caps::first-letter { color:#0f2aff; }
Building a professional website has never been easier. With modern page builders, anyone can design and launch stunning websites without touching a single line of code. These tools offer drag-and-drop flexibility. Building a professional website has never been easier. With modern page builders, anyone can design and launch stunning websites without touching a single line of code. These tools offer
.ablocks-block-049cc3f4-1149-4277-978f-96759ac8b658 { margin-top:32px;padding:0px;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-049cc3f4-1149-4277-978f-96759ac8b658 { margin-top:18px; } } .ablocks-block-049cc3f4-1149-4277-978f-96759ac8b658.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-049cc3f4-1149-4277-978f-96759ac8b658 { display:flex;flex-direction:row;min-height:0px;row-gap:0px;column-gap:48px; } @media screen and (max-width: 480px) { .ablocks-block-049cc3f4-1149-4277-978f-96759ac8b658 { justify-content:space-between;justify-items:space-between;align-items:center;row-gap:12px;column-gap:8px; } } .ablocks-block-049cc3f4-1149-4277-978f-96759ac8b658.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:row;min-height:0px;row-gap:0px;column-gap:48px; } @media screen and (max-width: 480px) { .ablocks-block-049cc3f4-1149-4277-978f-96759ac8b658.ablocks-has-block-container > .ablocks-block-container { justify-content:space-between;justify-items:space-between;align-items:center;row-gap:12px;column-gap:8px; } } .ablocks-block-049cc3f4-1149-4277-978f-96759ac8b658 { display:inline-flex; }
.ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a { position:relative; } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a.ablocks-block--counter--bar:not(.ablocks-has-container), .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a.ablocks-block--counter--bar .ablocks-block-container { align-items:flex-start; } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a.ablocks-block--counter--number:not(.ablocks-has-container), .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a.ablocks-block--counter--number .ablocks-block-container { justify-content:flex-start; } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a .ablocks-counter__content { color:#182630;font-family:Poppins,"Poppins Fallback",sans-serif;font-weight:600;font-style:normal;font-size:24px;line-height:36px;display:block; } @media screen and (max-width: 480px) { .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a .ablocks-counter__content { font-size:18px;line-height:30px; } } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a .ablocks-counter__text { color:#565D6D;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:26px; } @media screen and (max-width: 480px) { .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a .ablocks-counter__text { font-size:15px;line-height:22px; } } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a.ablocks-block--counter--bar .ablocks-bar-counter__background { background:#dadada; } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a.ablocks-block--counter--bar .ablocks-bar-counter__progress { background:black;height:30px;justify-content:right; } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a.ablocks-block--counter--circle:not(.ablocks-has-block-container) { justify-content:flex-start;align-items:flex-start; } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a .ablocks-block-container { justify-content:flex-start;align-items:flex-start; } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a.ablocks-block--counter--circle .ablocks-circle-counter__background { stroke:#dadada;stroke-width:20; } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a.ablocks-block--counter--circle .ablocks-circle-counter__progress { stroke:black;stroke-width:20px; } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a .ablocks-icon-wrap { font-size:55px; } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:55px; } .ablocks-block-dac0a93a-bf11-4208-ad38-d12fcb912e2a .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d { position:relative; } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d.ablocks-block--counter--bar:not(.ablocks-has-container), .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d.ablocks-block--counter--bar .ablocks-block-container { align-items:flex-start; } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d.ablocks-block--counter--number:not(.ablocks-has-container), .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d.ablocks-block--counter--number .ablocks-block-container { justify-content:flex-start; } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d .ablocks-counter__content { color:#182630;font-family:Poppins,"Poppins Fallback",sans-serif;font-weight:600;font-style:normal;font-size:24px;line-height:36px;display:block; } @media screen and (max-width: 480px) { .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d .ablocks-counter__content { font-size:18px;line-height:30px; } } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d .ablocks-counter__text { color:#565D6D;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:26px; } @media screen and (max-width: 480px) { .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d .ablocks-counter__text { font-size:15px;line-height:22px; } } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d.ablocks-block--counter--bar .ablocks-bar-counter__background { background:#dadada; } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d.ablocks-block--counter--bar .ablocks-bar-counter__progress { background:black;height:30px;justify-content:right; } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d.ablocks-block--counter--circle:not(.ablocks-has-block-container) { justify-content:flex-start;align-items:flex-start; } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d .ablocks-block-container { justify-content:flex-start;align-items:flex-start; } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d.ablocks-block--counter--circle .ablocks-circle-counter__background { stroke:#dadada;stroke-width:20; } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d.ablocks-block--counter--circle .ablocks-circle-counter__progress { stroke:black;stroke-width:20px; } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d .ablocks-icon-wrap { font-size:55px; } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:55px; } .ablocks-block-93fe7f72-4152-4924-b692-6c9ff7dd898d .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d { position:relative; } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d.ablocks-block--counter--bar:not(.ablocks-has-container), .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d.ablocks-block--counter--bar .ablocks-block-container { align-items:flex-start; } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d.ablocks-block--counter--number:not(.ablocks-has-container), .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d.ablocks-block--counter--number .ablocks-block-container { justify-content:flex-start; } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d .ablocks-counter__content { color:#182630;font-family:Poppins,"Poppins Fallback",sans-serif;font-weight:600;font-style:normal;font-size:24px;line-height:36px;display:block; } @media screen and (max-width: 480px) { .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d .ablocks-counter__content { font-size:18px;line-height:30px; } } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d .ablocks-counter__text { color:#565D6D;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:26px; } @media screen and (max-width: 480px) { .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d .ablocks-counter__text { font-size:15px;line-height:22px; } } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d.ablocks-block--counter--bar .ablocks-bar-counter__background { background:#dadada; } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d.ablocks-block--counter--bar .ablocks-bar-counter__progress { background:black;height:30px;justify-content:right; } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d.ablocks-block--counter--circle:not(.ablocks-has-block-container) { justify-content:flex-start;align-items:flex-start; } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d .ablocks-block-container { justify-content:flex-start;align-items:flex-start; } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d.ablocks-block--counter--circle .ablocks-circle-counter__background { stroke:#dadada;stroke-width:20; } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d.ablocks-block--counter--circle .ablocks-circle-counter__progress { stroke:black;stroke-width:20px; } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d .ablocks-icon-wrap { font-size:55px; } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:55px; } .ablocks-block-5542a6b3-af21-402f-beb6-af5c7867d33d .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-352c5fb7-12dc-46a5-a458-a96a2c2b8f07 { margin-top:68px;padding:0px;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-352c5fb7-12dc-46a5-a458-a96a2c2b8f07 { margin-top:22px; } } .ablocks-block-352c5fb7-12dc-46a5-a458-a96a2c2b8f07.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-352c5fb7-12dc-46a5-a458-a96a2c2b8f07 { display:flex;flex-direction:row;justify-content:space-between;justify-items:space-between;align-items:center;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-352c5fb7-12dc-46a5-a458-a96a2c2b8f07.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:row;justify-content:space-between;justify-items:space-between;align-items:center;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-352c5fb7-12dc-46a5-a458-a96a2c2b8f07 { display:inline-flex; }
.ablocks-block-db13364e-751c-439f-b57b-110a25f8493f { position:relative; } .ablocks-block-db13364e-751c-439f-b57b-110a25f8493f { text-align:left; } .ablocks-block-db13364e-751c-439f-b57b-110a25f8493f .ablocks-heading-text { color:#182630;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:32px;line-height:42px; } @media screen and (max-width: 480px) { .ablocks-block-db13364e-751c-439f-b57b-110a25f8493f .ablocks-heading-text { font-size:16px;line-height:22px; } }
What you’ll master
.ablocks-block-1887ddf6-5439-4cf9-911d-3213d9be1faa { position:relative; } .ablocks-block-1887ddf6-5439-4cf9-911d-3213d9be1faa { text-align:left; } .ablocks-block-1887ddf6-5439-4cf9-911d-3213d9be1faa .ablocks-button { column-gap:10px;background:#dddddd00;justify-content:left;color:#7246E6;font-family:Poppins,"Poppins Fallback",sans-serif;font-weight:500;font-style:normal;font-size:16px;line-height:20px;padding:0px; } .ablocks-block-1887ddf6-5439-4cf9-911d-3213d9be1faa .ablocks-icon-wrap { font-size:16px; } .ablocks-block-1887ddf6-5439-4cf9-911d-3213d9be1faa .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:16px; } .ablocks-block-1887ddf6-5439-4cf9-911d-3213d9be1faa .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-a7be5873-1731-49f6-9066-c4031dbf5634 { margin-top:40px;padding:0px;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-a7be5873-1731-49f6-9066-c4031dbf5634 { margin-top:30px; } } .ablocks-block-a7be5873-1731-49f6-9066-c4031dbf5634.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-a7be5873-1731-49f6-9066-c4031dbf5634 { display:flex;flex-direction:row;min-height:0px;row-gap:0px;column-gap:30px; } @media screen and (max-width: 800px) { .ablocks-block-a7be5873-1731-49f6-9066-c4031dbf5634 { column-gap:15px; } } @media screen and (max-width: 480px) { .ablocks-block-a7be5873-1731-49f6-9066-c4031dbf5634 { flex-direction:column;row-gap:25px; } } .ablocks-block-a7be5873-1731-49f6-9066-c4031dbf5634.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:row;min-height:0px;row-gap:0px;column-gap:30px; } @media screen and (max-width: 800px) { .ablocks-block-a7be5873-1731-49f6-9066-c4031dbf5634.ablocks-has-block-container > .ablocks-block-container { column-gap:15px; } } @media screen and (max-width: 480px) { .ablocks-block-a7be5873-1731-49f6-9066-c4031dbf5634.ablocks-has-block-container > .ablocks-block-container { flex-direction:column;row-gap:25px; } } .ablocks-block-a7be5873-1731-49f6-9066-c4031dbf5634 { display:inline-flex; }
.ablocks-block-7c03665a-e033-43ff-93f3-d1a1154eb3e5 { padding:32px;background:#faf5fe;border-width:1px;border-style:solid;border-color:#f2e2ff;border-radius:20px;position:relative; } @media screen and (max-width: 800px) { .ablocks-block-7c03665a-e033-43ff-93f3-d1a1154eb3e5 { padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px; } } .ablocks-block-7c03665a-e033-43ff-93f3-d1a1154eb3e5.ablocks-block--container { padding:32px;max-width:min(100%,100%) !important;overflow:visible; } @media screen and (max-width: 800px) { .ablocks-block-7c03665a-e033-43ff-93f3-d1a1154eb3e5.ablocks-block--container { padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px; } } .ablocks-block-7c03665a-e033-43ff-93f3-d1a1154eb3e5 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-7c03665a-e033-43ff-93f3-d1a1154eb3e5.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 { padding:0px;border-style:none;position:relative; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782:not(.ablocks-has-block-container), .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782.ablocks-block--info-box > .ablocks-block-container { gap:16px;display:flex;flex-direction:row;align-items:flex-start; } @media screen and (max-width: 480px) { .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782:not(.ablocks-has-block-container), .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782.ablocks-block--info-box > .ablocks-block-container { flex-direction:column; } } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-block--info-box__content { gap:10px;align-items:flex-start; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-info-box-badge-link { color:#13191B;top:0;right:0;bottom:auto;left:auto;background:#DDDDDF;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-size:12px; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782:not(.ablocks-has-block-container) > .ablocks-icon-wrap, .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 > .ablocks-block-container > .ablocks-icon-wrap, .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782:not(.ablocks-has-block-container) > a .ablocks-icon-wrap, .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 > .ablocks-block-container > a .ablocks-icon-wrap { font-size:unset; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782:not(.ablocks-has-block-container) > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 > .ablocks-block-container > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 > a .ablocks-icon-wrap > img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782:not(.ablocks-has-block-container) > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 > .ablocks-block-container > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 > a .ablocks-icon-wrap > img.ablocks-image-icon { width:40px; } } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782:not(.ablocks-has-block-container) > .ablocks-icon-wrap > svg.ablocks-svg-icon, .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 > .ablocks-block-container > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#000000; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-block--info-box__content > .ablocks-info-box-heading { text-align:left;font-family:Poppins,"Poppins Fallback",sans-serif;font-weight:500;font-style:normal;font-size:16px;line-height:24px;letter-spacing:-0.48px;color:#182630; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-block--info-box__content > .ablocks-info-box-sub-heading { text-align:left;font-family:"DM Sans","DM Sans Fallback",sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:24px;letter-spacing:-0.14px;color:#565D6D; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-block--info-box__content > .ablocks-info-box-text { text-align:left;color:#595959;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-size:16px; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-block--info-box__content > .ablocks-info-box-text-drop-caps::first-letter { color:#0f2aff; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-info-box-star-ratings { gap:0px;justify-content:flex-start; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap, .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap { font-size:55px; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-info-box-star-ratings-icons { gap:0px; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap > svg { fill:#e99516; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap > svg { fill:#696969; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-info-box-star-rating-number { color:#000000;order:10; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-block--info-box__content > .ablocks-info-box-btn-link { column-gap:10px;background:#13191B;justify-content:center;color:#FAFAFA; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-info-box-btn-link > .ablocks-icon-wrap { font-size:20px; } .ablocks-block-ce3a1f08-b2ed-4771-ad23-bf3c67e3c782 .ablocks-info-box-btn-link > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#FAFAFA; }
Ethan Brooks Creative Strategist (Branding & Logo)
.ablocks-block-54a0e792-bd5a-4d2a-954a-ce01e0037afe { margin-top:20px;position:relative; } .ablocks-block-54a0e792-bd5a-4d2a-954a-ce01e0037afe:not(.ablocks-has-block-container), .ablocks-block-54a0e792-bd5a-4d2a-954a-ce01e0037afe.ablocks-block--star-ratings > .ablocks-block-container { display:flex;align-items:center;flex-wrap:wrap;gap:0px;justify-content:left; } .ablocks-block-54a0e792-bd5a-4d2a-954a-ce01e0037afe .ablocks-rating { font-size:24px; } .ablocks-block-54a0e792-bd5a-4d2a-954a-ce01e0037afe .ablocks-icon-wrap { font-size:16px; } .ablocks-block-54a0e792-bd5a-4d2a-954a-ce01e0037afe .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:16px; } .ablocks-block-54a0e792-bd5a-4d2a-954a-ce01e0037afe .ablocks-star-ratings-icons { gap:4px; } .ablocks-block-54a0e792-bd5a-4d2a-954a-ce01e0037afe .ablocks-star-rating-number { color:#000000; }
.ablocks-block-3fb3a695-f4ad-4427-9b56-f23bc8d1b502 { margin-top:16px;position:relative; } .ablocks-block-3fb3a695-f4ad-4427-9b56-f23bc8d1b502 { text-align:left; } .ablocks-block-3fb3a695-f4ad-4427-9b56-f23bc8d1b502 .ablocks-paragraph-text { color:#182630;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px; } .ablocks-block-3fb3a695-f4ad-4427-9b56-f23bc8d1b502 .ablocks-paragraph-text-drop-caps::first-letter { color:#0f2aff; }
GraphixLabs’s branding module reshaped my thinking. From concept to execution, I now build identities that connect emotionally and visually. It’s the most transformative design experience
.ablocks-block-0f985647-0c8f-4728-95ae-cedb1689e19e { margin-top:20px;position:relative; } .ablocks-block-0f985647-0c8f-4728-95ae-cedb1689e19e { font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:20px; } .ablocks-block-0f985647-0c8f-4728-95ae-cedb1689e19e .ablocks-list { gap:20px;flex-direction:row;justify-content:flex-start; } .ablocks-block-0f985647-0c8f-4728-95ae-cedb1689e19e .ablocks-list__item-content { align-items:center;gap:4px; } .ablocks-block-0f985647-0c8f-4728-95ae-cedb1689e19e .ablocks-list__item-content .ablocks-svg-icon { box-sizing:content-box;color:#000000;fill:#000000;font-size:16px; } .ablocks-block-0f985647-0c8f-4728-95ae-cedb1689e19e .ablocks-list__item-content .ablocks-list__item-text { color:#182630; }
.ablocks-block-aaad1421-56f2-4880-9cc1-504c34d01741 { padding:32px;background:#eef9ff;border-width:1px;border-style:solid;border-color:#cef4ff;border-radius:20px;position:relative; } @media screen and (max-width: 800px) { .ablocks-block-aaad1421-56f2-4880-9cc1-504c34d01741 { padding:16px; } } .ablocks-block-aaad1421-56f2-4880-9cc1-504c34d01741.ablocks-block--container { padding:32px;max-width:min(100%,100%) !important;overflow:visible; } @media screen and (max-width: 800px) { .ablocks-block-aaad1421-56f2-4880-9cc1-504c34d01741.ablocks-block--container { padding:16px; } } .ablocks-block-aaad1421-56f2-4880-9cc1-504c34d01741 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-aaad1421-56f2-4880-9cc1-504c34d01741.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 { padding:0px;border-style:none;position:relative; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0:not(.ablocks-has-block-container), .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0.ablocks-block--info-box > .ablocks-block-container { gap:16px;display:flex;flex-direction:row;align-items:flex-start; } @media screen and (max-width: 480px) { .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0:not(.ablocks-has-block-container), .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0.ablocks-block--info-box > .ablocks-block-container { flex-direction:column; } } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-block--info-box__content { gap:10px;align-items:flex-start; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-info-box-badge-link { color:#13191B;top:0;right:0;bottom:auto;left:auto;background:#DDDDDF;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-size:12px; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0:not(.ablocks-has-block-container) > .ablocks-icon-wrap, .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 > .ablocks-block-container > .ablocks-icon-wrap, .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0:not(.ablocks-has-block-container) > a .ablocks-icon-wrap, .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 > .ablocks-block-container > a .ablocks-icon-wrap { font-size:unset; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0:not(.ablocks-has-block-container) > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 > .ablocks-block-container > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 > a .ablocks-icon-wrap > img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0:not(.ablocks-has-block-container) > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 > .ablocks-block-container > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 > a .ablocks-icon-wrap > img.ablocks-image-icon { width:40px; } } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0:not(.ablocks-has-block-container) > .ablocks-icon-wrap > svg.ablocks-svg-icon, .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 > .ablocks-block-container > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#000000; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-block--info-box__content > .ablocks-info-box-heading { text-align:left;font-family:Poppins,"Poppins Fallback",sans-serif;font-weight:500;font-style:normal;font-size:16px;line-height:24px;letter-spacing:-0.48px;color:#182630; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-block--info-box__content > .ablocks-info-box-sub-heading { text-align:left;font-family:"DM Sans","DM Sans Fallback",sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:24px;letter-spacing:-0.14px;color:#565D6D; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-block--info-box__content > .ablocks-info-box-text { text-align:left;color:#595959;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-size:16px; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-block--info-box__content > .ablocks-info-box-text-drop-caps::first-letter { color:#0f2aff; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-info-box-star-ratings { gap:0px;justify-content:flex-start; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap, .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap { font-size:55px; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-info-box-star-ratings-icons { gap:0px; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap > svg { fill:#e99516; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap > svg { fill:#696969; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-info-box-star-rating-number { color:#000000;order:10; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-block--info-box__content > .ablocks-info-box-btn-link { column-gap:10px;background:#13191B;justify-content:center;color:#FAFAFA; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-info-box-btn-link > .ablocks-icon-wrap { font-size:20px; } .ablocks-block-321d6aad-9807-4870-bb5e-e60a62e9cbf0 .ablocks-info-box-btn-link > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#FAFAFA; }
Logan Mitchell Typography Specialist
.ablocks-block-b8ec440e-839b-4c57-b28d-d07fb2c071db { margin-top:20px;position:relative; } .ablocks-block-b8ec440e-839b-4c57-b28d-d07fb2c071db:not(.ablocks-has-block-container), .ablocks-block-b8ec440e-839b-4c57-b28d-d07fb2c071db.ablocks-block--star-ratings > .ablocks-block-container { display:flex;align-items:center;flex-wrap:wrap;gap:0px;justify-content:left; } .ablocks-block-b8ec440e-839b-4c57-b28d-d07fb2c071db .ablocks-rating { font-size:24px; } .ablocks-block-b8ec440e-839b-4c57-b28d-d07fb2c071db .ablocks-icon-wrap { font-size:16px; } .ablocks-block-b8ec440e-839b-4c57-b28d-d07fb2c071db .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:16px; } .ablocks-block-b8ec440e-839b-4c57-b28d-d07fb2c071db .ablocks-star-ratings-icons { gap:4px; } .ablocks-block-b8ec440e-839b-4c57-b28d-d07fb2c071db .ablocks-star-rating-number { color:#000000; }
.ablocks-block-9628639d-bfbc-479f-a49d-bc03085c199c { margin-top:16px;position:relative; } .ablocks-block-9628639d-bfbc-479f-a49d-bc03085c199c { text-align:left; } .ablocks-block-9628639d-bfbc-479f-a49d-bc03085c199c .ablocks-paragraph-text { color:#182630;font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px; } .ablocks-block-9628639d-bfbc-479f-a49d-bc03085c199c .ablocks-paragraph-text-drop-caps::first-letter { color:#0f2aff; }
Typography was always overlooked in my work. Learnity taught me how to use type as a voice. Font pairing, rhythm, and hierarchy now guide every layout I create. Game-changing clarity.
.ablocks-block-70f42b0f-61e6-4a4e-8409-4c5f535ebf04 { margin-top:20px;position:relative; } .ablocks-block-70f42b0f-61e6-4a4e-8409-4c5f535ebf04 { font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:20px; } .ablocks-block-70f42b0f-61e6-4a4e-8409-4c5f535ebf04 .ablocks-list { gap:20px;flex-direction:row;justify-content:flex-start; } .ablocks-block-70f42b0f-61e6-4a4e-8409-4c5f535ebf04 .ablocks-list__item-content { align-items:center;gap:4px; } .ablocks-block-70f42b0f-61e6-4a4e-8409-4c5f535ebf04 .ablocks-list__item-content .ablocks-svg-icon { box-sizing:content-box;color:#000000;fill:#000000;font-size:16px; } .ablocks-block-70f42b0f-61e6-4a4e-8409-4c5f535ebf04 .ablocks-list__item-content .ablocks-list__item-text { color:#182630; }
