{"domain": "costar.com", "user": "Import costar.com", "isWillingToRelocate": false, "isUserAuthenticated": false, "isUserETXCandidate": false, "isDomainETX": false, "isCareerPlannerEnabled": false, "isMyApplicationsEnabled": false, "showVeteranEmployerSignUp": false, "candidate": {"enc_id": 0, "fullname": "", "firstname": "", "lastname": "", "skills": [], "email": "", "phone": "", "location": "", "filename": null, "starred_positions": [], "resumeUrl": "", "onboardingCompleted": false, "isUserInPcsIjp": false, "linkedinUrl": ""}, "branding": {"max_applications_apply": 5, "enableTalentNetwork": 1, "showJobId": 1, "hideJobCart": true, "homePageHeroBanner": {"useImage": 0, "opacity": 0, "hideInMobileView": false, "title": "", "image": "https://static.vscdn.net/images/careers/demo/costar-sandbox/1663609570::Hero-Banner-1905x288.jpg"}, "companyName": "CoStar Group", "postApplyText": "Thank you for your interest in CoStar Group and for taking the time to apply. We\u2019ll review your application shortly to learn more about you, your experience and skills, and will be in touch if your qualifications match our needs for the role. ", "postReferralText": "Our talent acquisition team will review. You will find any updates in the My Referrals section in Eightfold. ", "favicons": {"favicon": "https://static.vscdn.net/images/careers/demo/costar-sandbox/1664304415::favicon+-+updated"}, "privacy": {"text": "I have read and agree to <a href=\"https://www.costar.com/about/privacy-notice\">CoStar Group's Data Privacy Notice</a>.", "button": "Agree", "title": "Data Privacy Notice"}, "navBar": {"opacity": 0.9, "color": "#ffffff", "image": "https://static.vscdn.net/images/careers/demo/costar-sandbox/1663785509::CSG-Logo-White@2x.png", "link": "https://www.costargroup.com/careers", "background": "#000000"}, "custom_html": {"header": "", "page-footer": "", "footer": "<style>a,a:hover,a:focus,a:active {text-decoration: none; color: inherit}a {-webkit-transition: all .25s ease-in-out;transition: all.25s ease-in-out}.ct-footer-post {padding: 20px 0; }.ct-footer-post .inner-left,.ct-footer-post .inner-right {padding: 20px 0}.ct-footer-post ul {list-style: none; padding-left: 0; margin: 0 -20px;}.ct-footer-post ul li { display: inline-block;margin: 0 20px}.ct-footer-post a {color:#ffffff}.ct-footer-post a:hover {color:#ffffff}.ct-footer-post p {color: #ffffff}.footer a {font-weight: 300;}@media (max-width: 768px).ct-footer-post p { display: inline-block } .ct-footer-post p + p { padding-left: 50px }}@media (max-width:991px) {.ct-footer-post { text-align: center;}</style><footer style=\"background:#000000 !important;\"><div class=\"ct-footer-post\" style=\"background:#000000 !important;\"><div class=\"container\" style=\"padding-bottom:15px;\"><div class=\"col-xs-12\" style=\"text-align:center; padding-top:5px; padding-bottom:5px;\"><a href=\"https://www.costargroup.com/\" title=\"Company\" target=\"_blank\" style=\"color:#fff!important; font-size: 18px; font-weight:400; line-height:26px; border-right: 1px solid #fff;padding-right: 20px;padding-left: 20px;\">Company</a><a href=\"https://www.costar.com/about/privacy-notice\" title=\"\" target=\"_blank\" style=\"color:#fff!important; font-size: 18px; font-weight:400; line-height:26px; border-right: 1px solid #fff;padding-right: 20px;padding-left: 20px;\">Privacy Notice</a><a href=\"https://www.costargroup.com/home/contact\" title=\"\" target=\"_blank\" style=\"color:#fff!important; font-size: 18px; font-weight:400; line-height:26px;padding-left: 20px;\">Contact us</a></div><div class=\"col-xs-12\" style=\"text-align:center; padding-top:5px; padding-bottom:5px;font-size: 18px; font-weight:400;color: #ffffff\"><h2 class=\"footer-sub-title\" style=\"font-size:18px !important;\">Follow Us</h2></div><div class=\"col-xs-12\" style=\"text-align:center; padding-top:5px; padding-bottom:40px;\"><a href=\"https://www.linkedin.com/company/costar-group\" target=\"_blank\" style=\"padding-left:50px; padding-right: 50px;\"><img src=\"https://static.vscdn.net/images/careers/demo/costar-sandbox/1666207100::linkedin-icon\"></a><a href=\"https://www.instagram.com/CoStarGroup/\" target=\"_blank\" style=\"padding-right: 50px;\"><img src=\"https://static.vscdn.net/images/careers/demo/costar-sandbox/1666207113::instagrm-icon\"></a><a href=\"https://twitter.com/CoStarGroup\" target=\"_blank\" style=\"padding-right: 50px;\"><img src=\"https://static.vscdn.net/images/careers/demo/costar-sandbox/1666207087::twitter-icon\"></a><a href=\"https://www.facebook.com/CoStarGroup\" target=\"_blank\" style=\"padding-right: 50px;\"><img src=\"https://static.vscdn.net/images/careers/demo/costar-sandbox/1666207126::facebook-icon\"></a></div><div class=\"ef-styles-2020\" style=\"padding-bottom: 5px !important; padding-top: 5px !important;\"><p class=\"body-text-2\"><a href=\"https://eightfold.ai\" title=\"Visit Eightfold.ai homepage\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:#ffffff ;\">Powered by <img src=\"https://static.vscdn.net/images/eightfold_logo.png\" alt=\"\" width=\"20\" height=\"20\" align=\"middle\">  eightfold.ai #WhatsNextForYou</a></p></div></div></div></footer>"}, "custom_style": {"font": "", "css": ".reset-filters {color:#0054a6 !important;}.back-to-all-jobs {color: #0054a6 !important;}.back-to-all-jobs:hover {color: #ADD8E6 !important;}.remove-from-job-cart-button {color: #FFF !important;}.remove-from-job-cart-button:hover {color: #FFF !important;}.perk-icon{color: #0054a6 !important}.btn-secondary {border-color: #0054a6 !important;color: #0054a6 !important;}.btn-secondary:hover{border-color: #ADD8E6 !important;color: #ADD8E6 !important;}.fa-share {color: #0054a6 !important}.fa-share:hover {color: #ADD8E6 !important}.go-button {background: transparent; color:#0054a6 !important;border-color: #0054a6 !important}.advanced-options-button {color: #0054a6;}.go-button:hover {color: #ADD8E6 !important;border-color: #ADD8E6 !important}.advanced-options-button:hover {color: #ADD8E6 !important}.job-cart-button {border: 1px solid #0054a6 !important;background: #0054a6 !important;color:#ffffff !important;}.job-cart-button:hover{border: 1px solid #ADD8E6 !important;background: #ADD8E6 !important;color:#ffffff !important;}.add-to-job-cart-button {background-color: #0054a6 !important; border-color: #0054a6 !important; color: #FFF !important;}.add-to-job-cart-button:hover {background-color: #ADD8E6 !important; border-color: #ADD8E6 !important; color: #FFF !important;}.position-apply-button {background-color: #0054a6 !important; border-color: #0054a6 !important;}.position-apply-button:hover {background-color: #ADD8E6 !important; border-color: #ADD8E6!important;}.btn {border-radius: 3px; !important;} .search-results-main-container .card-selected { border-left-color: #0054a6!important;}.position-card .position-title {color:#000000 !important;} .all-positions-header h1 {color:#000000 !important;}.apply-form .btn-primary {border: 1px solid #0054a6 !important; color:#ffffff !important; background: #0054a6 !important; border-radius: 3px; !important;}.apply-form.btn-primary:hover{border: 1px solid #000000 !important;} .circle-number-indicator {background: #0054a6 !important;}.pillContainer .pillTitle {color: #000000 !important;}.position-facets h3 {color: #000000; text-align: left !important;} .card {text-align:left !important;}.personalization-bar-pre-upload {background-color: #fff; color: #000000 !important;}.get-matched-button {background-color: #0054a6 !important; border-color: #0054a6 !important;}.get-matched-button:hover {background-color: #ADD8E6 !important; border-color: #ADD8E6 !important;} .position-full-card {color:#000000 !important;} .position-title {color:#000000 !important;} .position-sub-title {font-size: 18px !important;font-weight: 700 !important;color: #000000 !important;} .related-blog .blog-title {font-size: 16px !important;font-weight: 700 !important;color: #000000 !important;}.custom-content-title {font-size: 18px !important;font-weight: 700 !important;color: #000000 !important; align-self: flex-end !important;}.join-tn-link{color: #ffffff !important;}.pillTitle.line-clamp.line-clamp-3  {color: #000000 !important;} #eightfold-chatbot .open-chat-bot .open-chat-bot-header {background: #000000;} #eightfold-chatbot .open-chat-bot .chat-bot-title {margin-right: 90px !important;} #eightfold-chatbot #chat-bot-image {background-color: black !important; padding: 4px !important;} .search-results-main-container .position-cards-container .card-selected {border-left: 8px solid #0054a6 !important;} #eightfold-chatbot #chat-bot-image {border: 3px solid #ffffff !important; border-radius: 50px !important} .botui-message-content {max-width: 85% !important; word-wrap: break-word;} div.legend-container, div.donut-container {display:none;} .perk {padding-right: 30px !important;} .perk .perk-icon {color: #0054a6 !Important;}"}, "customContent": {"positionSections": [{"title": "", "body": ""}]}, "perks": [{"title": "Benefits", "image": "https://static.vscdn.net/images/careers/demo/costar-sandbox/1671555211::Benefits-Icon-Health.png", "description": "Comprehensive medical, dental and vision plans are available in addition to wellness plans and more. Select \"Learn about employee benefits\" in the Chat Bot for more!"}, {"title": "Competitive Pay", "image": "https://static.vscdn.net/images/careers/demo/costar-sandbox/1671555231::Benefits-Icon-Pay.png\n", "description": "CoStar Group proudly offers competitive pay as benchmarked against the market and reviewed regularly."}], "page_title": "Careers at CoStar Group", "job_page_title": "Careers at CoStar Group", "page_description": "Careers at CoStar Group", "page_image": "https://static.vscdn.net/images/careers/demo/costar-sandbox/1663785509::CSG-Logo-White@2x.png", "talentNetworkBranding": {"custom_html": {"header": "", "footer": ""}}, "talentNetworkHeroBanner": {"useImage": 1, "opacity": 0, "hideInMobileView": false, "image": "https://static.vscdn.net/images/careers/demo/costar-sandbox/1663609570::Hero-Banner-1905x288.jpg", "title": "CoStar Group Talent Network"}, "custom_head_scripts": {"HOME_PAGE_LOAD": "", "SINGLE_POSITION_PAGE_LOAD": "", "APPLY_FORM_PAGE_LOAD": "", "SUCCESS_FORM_PAGE_LOAD": "", "JOIN_TALENT_NETWORK_PAGE_LOAD": ""}, "applyButton": {"background": "#0054a6"}, "recaptcha_enabled": 1, "showLoggedOutNotificationsPrivacyPolicy": true, "hideEightfoldBranding": false, "customJobDescEnhancedTableGate": false}, "pid": "446715648651", "positions": [{"id": 446715648651, "name": "UI Engineer - Design Systems", "posting_name": "UI Engineer - Design Systems", "location": "Richmond, Virginia, United States of America", "locations": ["Richmond, Virginia, United States of America"], "hot": 0, "department": "Technology - CoStar Group (Frank Simuro)", "business_unit": "Software Engineering", "t_update": 1772589072, "t_create": 1763683200, "ats_job_id": "R37856", "display_job_id": "R37856", "type": "ATS", "id_locale": "R37856-en", "job_description": "Build and maintain robust React components using Tailwind CSS and design tokens to ensure consistency, clarity, and scalability across the UI. Develop, document, and showcase components in Storybook.js, supporting component-driven development and enhancing cross-team collaboration. Implement and extend design tokens (primitive and semantic) to align styling, spacing, typography, color, and interaction patterns across the design system. Collaborate with product designers to translate design specifications into pixel-accurate, accessible, and performant UI implementations. Ensure responsive, accessible, and cross-browser interfaces, leveraging Tailwind CSS's utility-first approach for rapid iteration. Optimize UI performance through efficient rendering strategies, state management, and bundle-size improvements. Contribute to and evolve the UI design system, including Tailwind configuration, token architecture, Storybook stories, and documentation. Integrate frontend components with RESTful or GraphQL APIs using modern React patterns. Write clean, well-documented code, participating in code reviews to maintain high engineering standards. Troubleshoot and resolve frontend issues across environments while contributing to best practices and process improvements. Bachelor's degree in Computer Science, Engineering, or equivalent from an accredited, not-for-profit, in-person university or college. 3+ years of professional frontend or UI engineering experience, ideally in enterprise-scale applications. Strong expertise in React, including hooks, state management, and component composition. Advanced experience with Tailwind CSS, including custom theming, responsive design, and utility composition. Hands-on experience with Storybook.js, including creating stories, documentation, and component demos. Solid understanding of design tokens, both primitive (e.g., spacing, color values) and semantic (e.g., brand color roles, component-specific tokens), and how they integrate into design systems. Proficiency in JavaScript/TypeScript, HTML5, modern CSS, and frontend build tooling (Webpack, Vite, Babel, npm/Yarn). Familiarity with design system methodologies and component-driven development. Strong knowledge of web accessibility (WCAG) and responsive design principles. Experience integrating frontend components with APIs and working within modern UI architectures. Excellent problem-solving, communication, and cross-functional collaboration skills. Track record of commitment to prior employers. Experience with large-scale or workflow-heavy enterprise applications. Background with testing frameworks such as Jest, React Testing Library, or Cypress. Experience maintaining or scaling complex design systems using Tailwind CSS, Storybook.js, and design tokens. Familiarity with CI/CD pipelines and cloud-native development environments.", "stars": 0.0, "medallionProgram": null, "location_flexibility": null, "work_location_option": "onsite", "canonicalPositionUrl": "https://costar.eightfold.ai/careers/job/446715648651", "isPrivate": false}], "isFallback": true, "debug": {}, "count": 1, "personal_message": "We thought you would be interested in this position.", "scheduling": {"minTime": 9, "limit": 10, "maxTime": 17, "increments": 60, "minTimeslots": 3}, "userTitles": [], "enableTargetedResume": 0, "query": {"query": "", "location": "", "department": [], "skill": [], "seniority": [], "pid": "446715648651"}, "singleview": true, "see_all_jobs": true, "recommended_star_threshold": 4.0, "chatbot": true, "iframeImplementation": null, "pcsApplyFormV2Enabled": true, "isPcsBrandingApril2023Enabled": false, "allowedFileTypes": {}, "pcsTextConfiguration": {}, "hideDepartment": true, "pcsOctupleMigration0Enabled": true, "pcsOctupleMigration1Enabled": false, "replaceUrlOnGoBack": true, "pcsRedesignedNuxEnabled": true, "readmoreInstructionEnabled": false, "userActivityTimeout": 86400000, "userActivityTimeoutEnabled": 1, "isLoggedInPcsEnabled": false, "sortByConfig": [{"id": "relevance", "label": "Relevance"}, {"id": "new", "label": "New to Old", "value": "if(field(position.ats_data.creation_ts, max), field(position.ats_data.creation_ts, max), field(position.timestamp, max)) desc"}, {"id": "old", "label": "Old to New", "value": "if(field(position.ats_data.creation_ts, max), field(position.ats_data.creation_ts, max), field(position.timestamp, max)) asc"}], "searchBoxConfig": {}, "excludePrivatePositions": true, "eeocFilterKeywords": ["veteran", "disability", "gender", "race", "citizen", "visa", "ethnicity"], "disableScrollLoadPositionSidebar": false, "locationFlexibilityFrontendEnabled": false, "workLocationOptionFrontendEnabled": true, "remoteFlexibleJobsFilterEnabled": false, "loggedOutNotificationsEnabled": true, "candidateLogin": {"postApplyReviewLink": {"enabled": true, "url": "/api/apply/v2/profile/review/initialize_user?domain=costar.com", "title": "What's next? Increase your chances of getting hired!", "message": "Knowing more about you helps us review your application faster. Enrich your profile by adding more skills, awards, and other recognition.", "buttonText": "Review my profile", "verifyEmailTitle": "Let's verify your email", "verifyEmailText": "Click the link in the email to continue reviewing your profile. If you do not immediately see the email, check your spam folder."}}, "prepopulateApplyFormEnabled": true, "prepopulateSettings": {"prepopulateCheckboxText": "Save my answers for future applications", "showPrepopulateCheckbox": false}, "candidateBuildProfile": {}, "enhancementsEnabled": false, "themeBuilderUser": null, "mandatoryFields": ["firstname", "lastname", "email", "phone"], "blindfoldWidgetPcsGate": false, "pcsApplyFormLocationGate": false, "t3sEnabled": false, "uploadApplicationAnswers": false, "candidateAuthV2Enabled": true, "preApplicationSubmitAuthEnabled": false, "applyFormV2Enabled": false, "loggedOutSavedSearchEnabled": false, "locationRadiusTypeToggleEnabled": true, "incompleteApplicationsEnabled": false, "incompleteApplicationConfig": {}, "fallbackPcsJdGate": true, "enableResumeCoach": false, "isPcsEnabled": true, "applicationInfoReviewEnabled": false, "phoneWithCountryCodeEnabled": true, "phoneWithCountryCodeJTNEnabled": false, "notificationSuggestVerificationToken": null, "cookiesAutoDisabled": false, "strictEmailValidationEnabled": true, "chatbotxConfig": {"enabled": false, "featureAccessFlags": {"resumeCoachCardFlags": {"showApplyWithResume": true, "showEditResume": true}, "positionCardFlags": {"showAddToJobCart": false}}}, "pcsOptionalResumeWithJobcartGate": false, "loggedInCandidate": {}, "hamburgerMenuEnabled": false, "sharedTalentPoolGate": false, "pcsAccessibilityHomeEnabled": true, "pcsAccessibilityApplyFormEnabled": true, "showLanguageDropdown": false, "languages": [{"value": "en", "title": "English"}, {"value": "fr", "title": "Fran\u00e7ais"}], "displayLanguage": "en", "installed_app_data": [], "singlePageCareersNavbarGate": false, "customJobDescTranslationSkipList": [], "all_applicable_locations": [{"location": "Richmond, Virginia, United States of America", "city": "Richmond", "state": "VA,US", "country": "US"}]}