.ablocks-block-91f22a39-b2b9-4367-97c2-55b6d34d11c8 { position:relative; } .ablocks-block-91f22a39-b2b9-4367-97c2-55b6d34d11c8 { text-align:left; } .ablocks-block-91f22a39-b2b9-4367-97c2-55b6d34d11c8 .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-91f22a39-b2b9-4367-97c2-55b6d34d11c8 .ablocks-heading-text { font-size:22px;line-height:28px; } }
.ablocks-block-6644dbf7-951a-466d-bff0-8bbe42f4dfd5 { margin-top:40px;padding:0px;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-6644dbf7-951a-466d-bff0-8bbe42f4dfd5 { margin-top:22px; } } .ablocks-block-6644dbf7-951a-466d-bff0-8bbe42f4dfd5.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-6644dbf7-951a-466d-bff0-8bbe42f4dfd5 { 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-6644dbf7-951a-466d-bff0-8bbe42f4dfd5 { row-gap:22px;column-gap:22px; } } .ablocks-block-6644dbf7-951a-466d-bff0-8bbe42f4dfd5.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-6644dbf7-951a-466d-bff0-8bbe42f4dfd5.ablocks-has-block-container > .ablocks-block-container { row-gap:22px;column-gap:22px; } } .ablocks-block-6644dbf7-951a-466d-bff0-8bbe42f4dfd5 { display:inline-flex; }
.ablocks-block-0f7a4b3b-a543-43e5-a25e-3574a9755ee4 { 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-0f7a4b3b-a543-43e5-a25e-3574a9755ee4 { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px; } } .ablocks-block-0f7a4b3b-a543-43e5-a25e-3574a9755ee4.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-0f7a4b3b-a543-43e5-a25e-3574a9755ee4.ablocks-block--container { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px;max-width:min(100%,100%) !important; } } .ablocks-block-0f7a4b3b-a543-43e5-a25e-3574a9755ee4 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-0f7a4b3b-a543-43e5-a25e-3574a9755ee4.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-0691c1e8-30eb-4e2f-8326-a74ff3f819ea { position:relative; } .ablocks-block-0691c1e8-30eb-4e2f-8326-a74ff3f819ea { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-0691c1e8-30eb-4e2f-8326-a74ff3f819ea .ablocks-icon-wrap { font-size:unset; } .ablocks-block-0691c1e8-30eb-4e2f-8326-a74ff3f819ea .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-0691c1e8-30eb-4e2f-8326-a74ff3f819ea .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-0691c1e8-30eb-4e2f-8326-a74ff3f819ea .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-4aa6aa25-dfae-42e9-8d50-c9312e6b69b3 { margin-top:21px;position:relative; } .ablocks-block-4aa6aa25-dfae-42e9-8d50-c9312e6b69b3 { text-align:left; } .ablocks-block-4aa6aa25-dfae-42e9-8d50-c9312e6b69b3 .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-4aa6aa25-dfae-42e9-8d50-c9312e6b69b3 .ablocks-heading-text { font-size:18px;line-height:32px; } }
Brand Strategy Foundations
.ablocks-block-ec18fe52-180b-4b53-bf07-cbd3f84dd056 { margin-top:12px;position:relative; } .ablocks-block-ec18fe52-180b-4b53-bf07-cbd3f84dd056 { text-align:left; } .ablocks-block-ec18fe52-180b-4b53-bf07-cbd3f84dd056 .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-ec18fe52-180b-4b53-bf07-cbd3f84dd056 .ablocks-paragraph-text-drop-caps::first-letter { color:#0f2aff; }
Understand audience, mission, positioning, tone, and messaging to shape meaningful brand identities.
.ablocks-block-10e1b874-1245-41f1-8d71-f1c0aae6227a { 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-10e1b874-1245-41f1-8d71-f1c0aae6227a { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px; } } .ablocks-block-10e1b874-1245-41f1-8d71-f1c0aae6227a.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-10e1b874-1245-41f1-8d71-f1c0aae6227a.ablocks-block--container { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px;max-width:min(100%,100%) !important; } } .ablocks-block-10e1b874-1245-41f1-8d71-f1c0aae6227a { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-10e1b874-1245-41f1-8d71-f1c0aae6227a.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-8d7251df-0d38-430a-ac6c-6f0f144b3cd0 { position:relative; } .ablocks-block-8d7251df-0d38-430a-ac6c-6f0f144b3cd0 { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-8d7251df-0d38-430a-ac6c-6f0f144b3cd0 .ablocks-icon-wrap { font-size:unset; } .ablocks-block-8d7251df-0d38-430a-ac6c-6f0f144b3cd0 .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-8d7251df-0d38-430a-ac6c-6f0f144b3cd0 .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-8d7251df-0d38-430a-ac6c-6f0f144b3cd0 .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-e8987b1d-84af-4a20-ac9e-a6f1ca789679 { margin-top:21px;position:relative; } .ablocks-block-e8987b1d-84af-4a20-ac9e-a6f1ca789679 { text-align:left; } .ablocks-block-e8987b1d-84af-4a20-ac9e-a6f1ca789679 .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-e8987b1d-84af-4a20-ac9e-a6f1ca789679 .ablocks-heading-text { font-size:18px;line-height:32px; } }
Logo Design Systems
.ablocks-block-dbdd1b91-645b-4cf4-be2c-099f7a3d3267 { margin-top:12px;position:relative; } .ablocks-block-dbdd1b91-645b-4cf4-be2c-099f7a3d3267 { text-align:left; } .ablocks-block-dbdd1b91-645b-4cf4-be2c-099f7a3d3267 .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-dbdd1b91-645b-4cf4-be2c-099f7a3d3267 .ablocks-paragraph-text-drop-caps::first-letter { color:#0f2aff; }
Create flexible, scalable logo systems with variations, grid structure, and mark construction.
.ablocks-block-58cc5222-d19d-41e9-b62e-112bfc544df4 { 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-58cc5222-d19d-41e9-b62e-112bfc544df4 { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px; } } .ablocks-block-58cc5222-d19d-41e9-b62e-112bfc544df4.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-58cc5222-d19d-41e9-b62e-112bfc544df4.ablocks-block--container { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px;max-width:min(100%,100%) !important; } } .ablocks-block-58cc5222-d19d-41e9-b62e-112bfc544df4 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-58cc5222-d19d-41e9-b62e-112bfc544df4.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-1ad2cddb-2e09-4c67-aa45-052054391fbb { position:relative; } .ablocks-block-1ad2cddb-2e09-4c67-aa45-052054391fbb { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-1ad2cddb-2e09-4c67-aa45-052054391fbb .ablocks-icon-wrap { font-size:unset; } .ablocks-block-1ad2cddb-2e09-4c67-aa45-052054391fbb .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-1ad2cddb-2e09-4c67-aa45-052054391fbb .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-1ad2cddb-2e09-4c67-aa45-052054391fbb .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-d0d625e3-dbeb-47ac-931f-1cc6b7412b26 { margin-top:21px;position:relative; } .ablocks-block-d0d625e3-dbeb-47ac-931f-1cc6b7412b26 { text-align:left; } .ablocks-block-d0d625e3-dbeb-47ac-931f-1cc6b7412b26 .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-d0d625e3-dbeb-47ac-931f-1cc6b7412b26 .ablocks-heading-text { font-size:18px;line-height:32px; } }
Color Psychology & Palette Building
.ablocks-block-64af137f-ed64-4a8b-925e-a833776d43cb { margin-top:12px;position:relative; } .ablocks-block-64af137f-ed64-4a8b-925e-a833776d43cb { text-align:left; } .ablocks-block-64af137f-ed64-4a8b-925e-a833776d43cb .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-64af137f-ed64-4a8b-925e-a833776d43cb .ablocks-paragraph-text-drop-caps::first-letter { color:#0f2aff; }
Use color theory and psychology to build powerful, memorable brand palettes.
.ablocks-block-48533ac0-4e3f-4513-bf7f-4cfe0c445f50 { 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-48533ac0-4e3f-4513-bf7f-4cfe0c445f50 { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px; } } .ablocks-block-48533ac0-4e3f-4513-bf7f-4cfe0c445f50.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-48533ac0-4e3f-4513-bf7f-4cfe0c445f50.ablocks-block--container { padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px;max-width:min(100%,100%) !important; } } .ablocks-block-48533ac0-4e3f-4513-bf7f-4cfe0c445f50 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-48533ac0-4e3f-4513-bf7f-4cfe0c445f50.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-916d816a-4263-4fb6-8c42-218e94e9bbf9 { position:relative; } .ablocks-block-916d816a-4263-4fb6-8c42-218e94e9bbf9 { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-916d816a-4263-4fb6-8c42-218e94e9bbf9 .ablocks-icon-wrap { font-size:unset; } .ablocks-block-916d816a-4263-4fb6-8c42-218e94e9bbf9 .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-916d816a-4263-4fb6-8c42-218e94e9bbf9 .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-916d816a-4263-4fb6-8c42-218e94e9bbf9 .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-93e68575-cb30-44b5-95a1-bd930cb12a87 { margin-top:21px;position:relative; } .ablocks-block-93e68575-cb30-44b5-95a1-bd930cb12a87 { text-align:left; } .ablocks-block-93e68575-cb30-44b5-95a1-bd930cb12a87 .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-93e68575-cb30-44b5-95a1-bd930cb12a87 .ablocks-heading-text { font-size:18px;line-height:32px; } }
Typography for Branding
.ablocks-block-2db8cb61-c76e-4e92-b4de-28ddbdd4ca51 { margin-top:12px;position:relative; } .ablocks-block-2db8cb61-c76e-4e92-b4de-28ddbdd4ca51 { text-align:left; } .ablocks-block-2db8cb61-c76e-4e92-b4de-28ddbdd4ca51 .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-2db8cb61-c76e-4e92-b4de-28ddbdd4ca51 .ablocks-paragraph-text-drop-caps::first-letter { color:#0f2aff; }
Build strong typographic systems using font pairing, hierarchy, and readability principles.
.ablocks-block-e8c17733-4e06-46de-8e0d-e0612b5f253c { 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-e8c17733-4e06-46de-8e0d-e0612b5f253c { padding-top:22px; } } @media screen and (max-width: 480px) { .ablocks-block-e8c17733-4e06-46de-8e0d-e0612b5f253c { margin-top:22px;padding:10px; } } .ablocks-block-e8c17733-4e06-46de-8e0d-e0612b5f253c.ablocks-block--container { padding:24px;max-width:min(100%,100%) !important;overflow:visible; } @media screen and (max-width: 800px) { .ablocks-block-e8c17733-4e06-46de-8e0d-e0612b5f253c.ablocks-block--container { padding-top:22px; } } @media screen and (max-width: 480px) { .ablocks-block-e8c17733-4e06-46de-8e0d-e0612b5f253c.ablocks-block--container { padding:10px; } } .ablocks-block-e8c17733-4e06-46de-8e0d-e0612b5f253c { display:flex;flex-direction:row;min-height:0px;row-gap:0px;column-gap:20px; } @media screen and (max-width: 480px) { .ablocks-block-e8c17733-4e06-46de-8e0d-e0612b5f253c { flex-direction:column;align-items:center;row-gap:25px; } } .ablocks-block-e8c17733-4e06-46de-8e0d-e0612b5f253c.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-e8c17733-4e06-46de-8e0d-e0612b5f253c.ablocks-has-block-container > .ablocks-block-container { flex-direction:column;align-items:center;row-gap:25px; } } .ablocks-block-e8c17733-4e06-46de-8e0d-e0612b5f253c { display:inline-flex; }
.ablocks-block-660687fe-1cb1-423d-a53f-f075b8711888 { padding:0px;position:relative; } .ablocks-block-660687fe-1cb1-423d-a53f-f075b8711888.ablocks-block--container { padding:0px;max-width:min(100%,18%) !important;overflow:visible; } @media screen and (max-width: 480px) { .ablocks-block-660687fe-1cb1-423d-a53f-f075b8711888.ablocks-block--container { max-width:min(100%,100%) !important; } } .ablocks-block-660687fe-1cb1-423d-a53f-f075b8711888 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-660687fe-1cb1-423d-a53f-f075b8711888.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-ed138983-c73a-4f50-bcef-56c3cdb73eab { position:relative; } .ablocks-block-ed138983-c73a-4f50-bcef-56c3cdb73eab { display:flex;justify-content:left; } @media screen and (max-width: 480px) { .ablocks-block-ed138983-c73a-4f50-bcef-56c3cdb73eab { justify-content:center; } } .ablocks-block-ed138983-c73a-4f50-bcef-56c3cdb73eab .ablocks-image-figure img { height:auto;opacity:1; } @media screen and (max-width: 480px) { .ablocks-block-ed138983-c73a-4f50-bcef-56c3cdb73eab .ablocks-image-figure img { width:150px; } } .ablocks-block-ed138983-c73a-4f50-bcef-56c3cdb73eab .ablocks-image-figure img:hover { transition:border 0.5s,box-shadow 0s,opacity 0.5s,filter 0.5s,transform 0.3s; } .ablocks-block-ed138983-c73a-4f50-bcef-56c3cdb73eab .ablocks-image-figure .ablocks-image-caption { text-align:left; }
.ablocks-block-803a3c2d-9938-4fc8-a099-0eed90e1206c { margin-top:20px;padding:0px;position:relative; } .ablocks-block-803a3c2d-9938-4fc8-a099-0eed90e1206c.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-803a3c2d-9938-4fc8-a099-0eed90e1206c { 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-803a3c2d-9938-4fc8-a099-0eed90e1206c.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-803a3c2d-9938-4fc8-a099-0eed90e1206c { display:inline-flex; }
.ablocks-block-5e6695f8-7398-4d56-af99-2607c9e6a70b { position:relative; } .ablocks-block-5e6695f8-7398-4d56-af99-2607c9e6a70b { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-5e6695f8-7398-4d56-af99-2607c9e6a70b .ablocks-icon-wrap { font-size:unset; } .ablocks-block-5e6695f8-7398-4d56-af99-2607c9e6a70b .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-5e6695f8-7398-4d56-af99-2607c9e6a70b .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-5e6695f8-7398-4d56-af99-2607c9e6a70b .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-b42a5907-9427-4509-9989-d0723624e44c { position:relative; } .ablocks-block-b42a5907-9427-4509-9989-d0723624e44c { display:flex;align-items:flex-start;justify-content:flex-start; } .ablocks-block-b42a5907-9427-4509-9989-d0723624e44c .ablocks-icon-wrap { font-size:unset; } .ablocks-block-b42a5907-9427-4509-9989-d0723624e44c .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-b42a5907-9427-4509-9989-d0723624e44c .ablocks-icon-wrap img.ablocks-image-icon { width:40px; } } .ablocks-block-b42a5907-9427-4509-9989-d0723624e44c .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-26b5808c-0a58-4c73-b480-6cc987bf5cb6 { padding:0px;position:relative; } .ablocks-block-26b5808c-0a58-4c73-b480-6cc987bf5cb6.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-26b5808c-0a58-4c73-b480-6cc987bf5cb6 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-26b5808c-0a58-4c73-b480-6cc987bf5cb6.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 { padding:0px;border-style:none;position:relative; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52:not(.ablocks-has-block-container), .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52.ablocks-block--info-box > .ablocks-block-container { gap:16px;display:flex;flex-direction:row;align-items:flex-start; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-block--info-box__content { gap:10px;align-items:flex-start; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .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-79f4b91b-9280-44df-bcfd-659e136dcb52:not(.ablocks-has-block-container) > .ablocks-icon-wrap, .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 > .ablocks-block-container > .ablocks-icon-wrap, .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52:not(.ablocks-has-block-container) > a .ablocks-icon-wrap, .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 > .ablocks-block-container > a .ablocks-icon-wrap { font-size:55px; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52:not(.ablocks-has-block-container) > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 > .ablocks-block-container > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 > a .ablocks-icon-wrap > img.ablocks-image-icon { height:auto;width:55px; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52:not(.ablocks-has-block-container) > .ablocks-icon-wrap > svg.ablocks-svg-icon, .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 > .ablocks-block-container > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#000000; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .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-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-block--info-box__content > .ablocks-info-box-heading { font-size:18px; } } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .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-79f4b91b-9280-44df-bcfd-659e136dcb52 .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-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-block--info-box__content > .ablocks-info-box-text-drop-caps::first-letter { color:#0f2aff; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-info-box-star-ratings { gap:0px;justify-content:flex-start; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap, .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap { font-size:55px; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-info-box-star-ratings-icons { gap:0px; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap > svg { fill:#e99516; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap > svg { fill:#696969; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-info-box-star-rating-number { color:#000000;order:10; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-block--info-box__content > .ablocks-info-box-btn-link { column-gap:10px;background:#13191B;justify-content:center;color:#FAFAFA; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-info-box-btn-link > .ablocks-icon-wrap { font-size:20px; } .ablocks-block-79f4b91b-9280-44df-bcfd-659e136dcb52 .ablocks-info-box-btn-link > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#FAFAFA; }
John Abrar Published November 26, 2025
.ablocks-block-10eff499-532f-4619-9a8e-cefa725be598 { margin-top:12px;position:relative; } .ablocks-block-10eff499-532f-4619-9a8e-cefa725be598 { text-align:left; } .ablocks-block-10eff499-532f-4619-9a8e-cefa725be598 .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-10eff499-532f-4619-9a8e-cefa725be598 .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-4c179d41-bf14-4697-8968-0b376f9fcd78 { margin-top:32px;padding:0px;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-4c179d41-bf14-4697-8968-0b376f9fcd78 { margin-top:18px; } } .ablocks-block-4c179d41-bf14-4697-8968-0b376f9fcd78.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-4c179d41-bf14-4697-8968-0b376f9fcd78 { display:flex;flex-direction:row;min-height:0px;row-gap:0px;column-gap:48px; } @media screen and (max-width: 480px) { .ablocks-block-4c179d41-bf14-4697-8968-0b376f9fcd78 { justify-content:space-between;justify-items:space-between;align-items:center;row-gap:12px;column-gap:8px; } } .ablocks-block-4c179d41-bf14-4697-8968-0b376f9fcd78.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-4c179d41-bf14-4697-8968-0b376f9fcd78.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-4c179d41-bf14-4697-8968-0b376f9fcd78 { display:inline-flex; }
.ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6 { position:relative; } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6.ablocks-block--counter--bar:not(.ablocks-has-container), .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6.ablocks-block--counter--bar .ablocks-block-container { align-items:flex-start; } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6.ablocks-block--counter--number:not(.ablocks-has-container), .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6.ablocks-block--counter--number .ablocks-block-container { justify-content:flex-start; } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6 .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-9384fb4c-76f8-4b38-9821-8585eed87dc6 .ablocks-counter__content { font-size:18px;line-height:30px; } } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6 .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-9384fb4c-76f8-4b38-9821-8585eed87dc6 .ablocks-counter__text { font-size:15px;line-height:22px; } } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6.ablocks-block--counter--bar .ablocks-bar-counter__background { background:#dadada; } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6.ablocks-block--counter--bar .ablocks-bar-counter__progress { background:black;height:30px;justify-content:right; } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6.ablocks-block--counter--circle:not(.ablocks-has-block-container) { justify-content:flex-start;align-items:flex-start; } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6 .ablocks-block-container { justify-content:flex-start;align-items:flex-start; } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6.ablocks-block--counter--circle .ablocks-circle-counter__background { stroke:#dadada;stroke-width:20; } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6.ablocks-block--counter--circle .ablocks-circle-counter__progress { stroke:black;stroke-width:20px; } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6 .ablocks-icon-wrap { font-size:55px; } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6 .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:55px; } .ablocks-block-9384fb4c-76f8-4b38-9821-8585eed87dc6 .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de { position:relative; } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de.ablocks-block--counter--bar:not(.ablocks-has-container), .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de.ablocks-block--counter--bar .ablocks-block-container { align-items:flex-start; } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de.ablocks-block--counter--number:not(.ablocks-has-container), .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de.ablocks-block--counter--number .ablocks-block-container { justify-content:flex-start; } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de .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-05ac82c1-69cd-4cf1-b2fb-77751a6f16de .ablocks-counter__content { font-size:18px;line-height:30px; } } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de .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-05ac82c1-69cd-4cf1-b2fb-77751a6f16de .ablocks-counter__text { font-size:15px;line-height:22px; } } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de.ablocks-block--counter--bar .ablocks-bar-counter__background { background:#dadada; } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de.ablocks-block--counter--bar .ablocks-bar-counter__progress { background:black;height:30px;justify-content:right; } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de.ablocks-block--counter--circle:not(.ablocks-has-block-container) { justify-content:flex-start;align-items:flex-start; } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de .ablocks-block-container { justify-content:flex-start;align-items:flex-start; } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de.ablocks-block--counter--circle .ablocks-circle-counter__background { stroke:#dadada;stroke-width:20; } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de.ablocks-block--counter--circle .ablocks-circle-counter__progress { stroke:black;stroke-width:20px; } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de .ablocks-icon-wrap { font-size:55px; } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:55px; } .ablocks-block-05ac82c1-69cd-4cf1-b2fb-77751a6f16de .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34 { position:relative; } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34.ablocks-block--counter--bar:not(.ablocks-has-container), .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34.ablocks-block--counter--bar .ablocks-block-container { align-items:flex-start; } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34.ablocks-block--counter--number:not(.ablocks-has-container), .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34.ablocks-block--counter--number .ablocks-block-container { justify-content:flex-start; } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34 .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-461b4ebd-bc2c-4f87-bbf1-366a67b05a34 .ablocks-counter__content { font-size:18px;line-height:30px; } } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34 .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-461b4ebd-bc2c-4f87-bbf1-366a67b05a34 .ablocks-counter__text { font-size:15px;line-height:22px; } } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34.ablocks-block--counter--bar .ablocks-bar-counter__background { background:#dadada; } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34.ablocks-block--counter--bar .ablocks-bar-counter__progress { background:black;height:30px;justify-content:right; } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34.ablocks-block--counter--circle:not(.ablocks-has-block-container) { justify-content:flex-start;align-items:flex-start; } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34 .ablocks-block-container { justify-content:flex-start;align-items:flex-start; } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34.ablocks-block--counter--circle .ablocks-circle-counter__background { stroke:#dadada;stroke-width:20; } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34.ablocks-block--counter--circle .ablocks-circle-counter__progress { stroke:black;stroke-width:20px; } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34 .ablocks-icon-wrap { font-size:55px; } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34 .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:55px; } .ablocks-block-461b4ebd-bc2c-4f87-bbf1-366a67b05a34 .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-31e855a9-c734-4851-a2f1-becab8b683d5 { margin-top:68px;padding:0px;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-31e855a9-c734-4851-a2f1-becab8b683d5 { margin-top:22px; } } .ablocks-block-31e855a9-c734-4851-a2f1-becab8b683d5.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-31e855a9-c734-4851-a2f1-becab8b683d5 { 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-31e855a9-c734-4851-a2f1-becab8b683d5.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-31e855a9-c734-4851-a2f1-becab8b683d5 { display:inline-flex; }
.ablocks-block-d8482c6c-e2bf-4fe2-aae2-16f71931d833 { position:relative; } .ablocks-block-d8482c6c-e2bf-4fe2-aae2-16f71931d833 { text-align:left; } .ablocks-block-d8482c6c-e2bf-4fe2-aae2-16f71931d833 .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-d8482c6c-e2bf-4fe2-aae2-16f71931d833 .ablocks-heading-text { font-size:16px;line-height:22px; } }
What you’ll master
.ablocks-block-7e95801f-6398-4776-bf6e-99a9d3c89ea4 { position:relative; } .ablocks-block-7e95801f-6398-4776-bf6e-99a9d3c89ea4 { text-align:left; } .ablocks-block-7e95801f-6398-4776-bf6e-99a9d3c89ea4 .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-7e95801f-6398-4776-bf6e-99a9d3c89ea4 .ablocks-icon-wrap { font-size:16px; } .ablocks-block-7e95801f-6398-4776-bf6e-99a9d3c89ea4 .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:16px; } .ablocks-block-7e95801f-6398-4776-bf6e-99a9d3c89ea4 .ablocks-icon-wrap svg.ablocks-svg-icon { fill:#69727d; }
.ablocks-block-9abde47f-4ad8-4ac9-99f1-f9cf3d6a34e6 { margin-top:40px;padding:0px;position:relative; } @media screen and (max-width: 480px) { .ablocks-block-9abde47f-4ad8-4ac9-99f1-f9cf3d6a34e6 { margin-top:30px; } } .ablocks-block-9abde47f-4ad8-4ac9-99f1-f9cf3d6a34e6.ablocks-block--container { padding:0px;max-width:min(100%,100%) !important;overflow:visible; } .ablocks-block-9abde47f-4ad8-4ac9-99f1-f9cf3d6a34e6 { display:flex;flex-direction:row;min-height:0px;row-gap:0px;column-gap:30px; } @media screen and (max-width: 800px) { .ablocks-block-9abde47f-4ad8-4ac9-99f1-f9cf3d6a34e6 { column-gap:15px; } } @media screen and (max-width: 480px) { .ablocks-block-9abde47f-4ad8-4ac9-99f1-f9cf3d6a34e6 { flex-direction:column;row-gap:25px; } } .ablocks-block-9abde47f-4ad8-4ac9-99f1-f9cf3d6a34e6.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-9abde47f-4ad8-4ac9-99f1-f9cf3d6a34e6.ablocks-has-block-container > .ablocks-block-container { column-gap:15px; } } @media screen and (max-width: 480px) { .ablocks-block-9abde47f-4ad8-4ac9-99f1-f9cf3d6a34e6.ablocks-has-block-container > .ablocks-block-container { flex-direction:column;row-gap:25px; } } .ablocks-block-9abde47f-4ad8-4ac9-99f1-f9cf3d6a34e6 { display:inline-flex; }
.ablocks-block-aca79c03-ac42-4cc7-94dc-8f0ea489cad4 { 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-aca79c03-ac42-4cc7-94dc-8f0ea489cad4 { padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px; } } .ablocks-block-aca79c03-ac42-4cc7-94dc-8f0ea489cad4.ablocks-block--container { padding:32px;max-width:min(100%,100%) !important;overflow:visible; } @media screen and (max-width: 800px) { .ablocks-block-aca79c03-ac42-4cc7-94dc-8f0ea489cad4.ablocks-block--container { padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px; } } .ablocks-block-aca79c03-ac42-4cc7-94dc-8f0ea489cad4 { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-aca79c03-ac42-4cc7-94dc-8f0ea489cad4.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 { padding:0px;border-style:none;position:relative; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9:not(.ablocks-has-block-container), .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9.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-3343992f-c390-47f3-a63d-c4704725f2b9:not(.ablocks-has-block-container), .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9.ablocks-block--info-box > .ablocks-block-container { flex-direction:column; } } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-block--info-box__content { gap:10px;align-items:flex-start; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .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-3343992f-c390-47f3-a63d-c4704725f2b9:not(.ablocks-has-block-container) > .ablocks-icon-wrap, .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 > .ablocks-block-container > .ablocks-icon-wrap, .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9:not(.ablocks-has-block-container) > a .ablocks-icon-wrap, .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 > .ablocks-block-container > a .ablocks-icon-wrap { font-size:unset; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9:not(.ablocks-has-block-container) > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 > .ablocks-block-container > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 > a .ablocks-icon-wrap > img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9:not(.ablocks-has-block-container) > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 > .ablocks-block-container > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 > a .ablocks-icon-wrap > img.ablocks-image-icon { width:40px; } } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9:not(.ablocks-has-block-container) > .ablocks-icon-wrap > svg.ablocks-svg-icon, .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 > .ablocks-block-container > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#000000; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .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-3343992f-c390-47f3-a63d-c4704725f2b9 .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-3343992f-c390-47f3-a63d-c4704725f2b9 .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-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-block--info-box__content > .ablocks-info-box-text-drop-caps::first-letter { color:#0f2aff; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-info-box-star-ratings { gap:0px;justify-content:flex-start; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap, .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap { font-size:55px; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-info-box-star-ratings-icons { gap:0px; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap > svg { fill:#e99516; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap > svg { fill:#696969; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-info-box-star-rating-number { color:#000000;order:10; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-block--info-box__content > .ablocks-info-box-btn-link { column-gap:10px;background:#13191B;justify-content:center;color:#FAFAFA; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-info-box-btn-link > .ablocks-icon-wrap { font-size:20px; } .ablocks-block-3343992f-c390-47f3-a63d-c4704725f2b9 .ablocks-info-box-btn-link > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#FAFAFA; }
Ethan Brooks Creative Strategist (Branding & Logo)
.ablocks-block-b3612419-57ee-40a4-8f33-740eb5e81972 { margin-top:20px;position:relative; } .ablocks-block-b3612419-57ee-40a4-8f33-740eb5e81972:not(.ablocks-has-block-container), .ablocks-block-b3612419-57ee-40a4-8f33-740eb5e81972.ablocks-block--star-ratings > .ablocks-block-container { display:flex;align-items:center;flex-wrap:wrap;gap:0px;justify-content:left; } .ablocks-block-b3612419-57ee-40a4-8f33-740eb5e81972 .ablocks-rating { font-size:24px; } .ablocks-block-b3612419-57ee-40a4-8f33-740eb5e81972 .ablocks-icon-wrap { font-size:16px; } .ablocks-block-b3612419-57ee-40a4-8f33-740eb5e81972 .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:16px; } .ablocks-block-b3612419-57ee-40a4-8f33-740eb5e81972 .ablocks-star-ratings-icons { gap:4px; } .ablocks-block-b3612419-57ee-40a4-8f33-740eb5e81972 .ablocks-star-rating-number { color:#000000; }
.ablocks-block-65dcd351-b1dc-49fc-ba21-20c9f2840803 { margin-top:16px;position:relative; } .ablocks-block-65dcd351-b1dc-49fc-ba21-20c9f2840803 { text-align:left; } .ablocks-block-65dcd351-b1dc-49fc-ba21-20c9f2840803 .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-65dcd351-b1dc-49fc-ba21-20c9f2840803 .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-3172220e-c894-447b-ad8f-2bdfb6b384d1 { margin-top:20px;position:relative; } .ablocks-block-3172220e-c894-447b-ad8f-2bdfb6b384d1 { font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:20px; } .ablocks-block-3172220e-c894-447b-ad8f-2bdfb6b384d1 .ablocks-list { gap:20px;flex-direction:row;justify-content:flex-start; } .ablocks-block-3172220e-c894-447b-ad8f-2bdfb6b384d1 .ablocks-list__item-content { align-items:center;gap:4px; } .ablocks-block-3172220e-c894-447b-ad8f-2bdfb6b384d1 .ablocks-list__item-content .ablocks-svg-icon { box-sizing:content-box;color:#000000;fill:#000000;font-size:16px; } .ablocks-block-3172220e-c894-447b-ad8f-2bdfb6b384d1 .ablocks-list__item-content .ablocks-list__item-text { color:#182630; }
.ablocks-block-5c7c6145-9e0c-4a61-bea1-ac543d0b7ecf { 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-5c7c6145-9e0c-4a61-bea1-ac543d0b7ecf { padding:16px; } } .ablocks-block-5c7c6145-9e0c-4a61-bea1-ac543d0b7ecf.ablocks-block--container { padding:32px;max-width:min(100%,100%) !important;overflow:visible; } @media screen and (max-width: 800px) { .ablocks-block-5c7c6145-9e0c-4a61-bea1-ac543d0b7ecf.ablocks-block--container { padding:16px; } } .ablocks-block-5c7c6145-9e0c-4a61-bea1-ac543d0b7ecf { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; } .ablocks-block-5c7c6145-9e0c-4a61-bea1-ac543d0b7ecf.ablocks-has-block-container > .ablocks-block-container { display:flex;flex-direction:column;min-height:0px;row-gap:0px;column-gap:0px; }
.ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e { padding:0px;border-style:none;position:relative; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e:not(.ablocks-has-block-container), .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e.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-b28bfde7-6934-4265-9d7d-88d8a2133b2e:not(.ablocks-has-block-container), .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e.ablocks-block--info-box > .ablocks-block-container { flex-direction:column; } } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-block--info-box__content { gap:10px;align-items:flex-start; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .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-b28bfde7-6934-4265-9d7d-88d8a2133b2e:not(.ablocks-has-block-container) > .ablocks-icon-wrap, .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e > .ablocks-block-container > .ablocks-icon-wrap, .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e:not(.ablocks-has-block-container) > a .ablocks-icon-wrap, .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e > .ablocks-block-container > a .ablocks-icon-wrap { font-size:unset; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e:not(.ablocks-has-block-container) > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e > .ablocks-block-container > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e > a .ablocks-icon-wrap > img.ablocks-image-icon { height:auto;width:60px; } @media screen and (max-width: 480px) { .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e:not(.ablocks-has-block-container) > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e > .ablocks-block-container > .ablocks-icon-wrap > img.ablocks-image-icon, .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e > a .ablocks-icon-wrap > img.ablocks-image-icon { width:40px; } } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e:not(.ablocks-has-block-container) > .ablocks-icon-wrap > svg.ablocks-svg-icon, .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e > .ablocks-block-container > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#000000; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .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-b28bfde7-6934-4265-9d7d-88d8a2133b2e .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-b28bfde7-6934-4265-9d7d-88d8a2133b2e .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-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-block--info-box__content > .ablocks-info-box-text-drop-caps::first-letter { color:#0f2aff; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-info-box-star-ratings { gap:0px;justify-content:flex-start; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap, .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap { font-size:55px; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-info-box-star-ratings-icons { gap:0px; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__fill > .ablocks-icon-wrap > svg { fill:#e99516; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-info-box-star-ratings-icons > .ablocks-info-box-rating > .ablocks-info-box-rating__unfill > .ablocks-icon-wrap > svg { fill:#696969; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-info-box-star-rating-number { color:#000000;order:10; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-block--info-box__content > .ablocks-info-box-btn-link { column-gap:10px;background:#13191B;justify-content:center;color:#FAFAFA; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-info-box-btn-link > .ablocks-icon-wrap { font-size:20px; } .ablocks-block-b28bfde7-6934-4265-9d7d-88d8a2133b2e .ablocks-info-box-btn-link > .ablocks-icon-wrap > svg.ablocks-svg-icon { fill:#FAFAFA; }
Logan Mitchell Typography Specialist
.ablocks-block-33f659ce-f51b-48c3-9afd-40451a856fcd { margin-top:20px;position:relative; } .ablocks-block-33f659ce-f51b-48c3-9afd-40451a856fcd:not(.ablocks-has-block-container), .ablocks-block-33f659ce-f51b-48c3-9afd-40451a856fcd.ablocks-block--star-ratings > .ablocks-block-container { display:flex;align-items:center;flex-wrap:wrap;gap:0px;justify-content:left; } .ablocks-block-33f659ce-f51b-48c3-9afd-40451a856fcd .ablocks-rating { font-size:24px; } .ablocks-block-33f659ce-f51b-48c3-9afd-40451a856fcd .ablocks-icon-wrap { font-size:16px; } .ablocks-block-33f659ce-f51b-48c3-9afd-40451a856fcd .ablocks-icon-wrap img.ablocks-image-icon { height:auto;width:16px; } .ablocks-block-33f659ce-f51b-48c3-9afd-40451a856fcd .ablocks-star-ratings-icons { gap:4px; } .ablocks-block-33f659ce-f51b-48c3-9afd-40451a856fcd .ablocks-star-rating-number { color:#000000; }
.ablocks-block-87826427-0e07-4c6f-9e99-adc28548bbd1 { margin-top:16px;position:relative; } .ablocks-block-87826427-0e07-4c6f-9e99-adc28548bbd1 { text-align:left; } .ablocks-block-87826427-0e07-4c6f-9e99-adc28548bbd1 .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-87826427-0e07-4c6f-9e99-adc28548bbd1 .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-ffe7fe00-d54c-4d28-ab11-059f1c319e72 { margin-top:20px;position:relative; } .ablocks-block-ffe7fe00-d54c-4d28-ab11-059f1c319e72 { font-family:Roboto,"Roboto Fallback",sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:20px; } .ablocks-block-ffe7fe00-d54c-4d28-ab11-059f1c319e72 .ablocks-list { gap:20px;flex-direction:row;justify-content:flex-start; } .ablocks-block-ffe7fe00-d54c-4d28-ab11-059f1c319e72 .ablocks-list__item-content { align-items:center;gap:4px; } .ablocks-block-ffe7fe00-d54c-4d28-ab11-059f1c319e72 .ablocks-list__item-content .ablocks-svg-icon { box-sizing:content-box;color:#000000;fill:#000000;font-size:16px; } .ablocks-block-ffe7fe00-d54c-4d28-ab11-059f1c319e72 .ablocks-list__item-content .ablocks-list__item-text { color:#182630; }
