https://www.derekryan.org/about daily 0.75 2025-03-27 https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/cdd7a498-d020-4a81-a426-344ee23dd0df/HeadshotGmail.jpg https://www.derekryan.org/new-page daily 0.75 2025-03-19 https://www.derekryan.org/case-study-internal-design-system daily 0.75 2025-03-13 https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/3ea0343c-5f45-4276-bc7d-1948a15e0b36/Screenshot+2024-11-20+at+1.52.56%E2%80%AFPM.png Case Study - Internal Design System - Colors Our design system ensures consistency and accessibility in light and dark modes by using contrasting text colors: dark text on light backgrounds and light text on dark backgrounds. Accent and semantic colors are used sparingly and adjusted for visibility. All combinations meet WCAG contrast standards, and interactive elements follow specific color progression guidelines for a cohesive user experience in both themes. https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/e68f9401-0b72-4298-8c42-d222fa444f09/Screenshot+2024-11-20+at+2.15.18%E2%80%AFPM.png Case Study - Internal Design System - Grids & Spacing The 12–8–4 column system is commonly used in responsive web design to ensure that the layout adapts well to different screen sizes. We opt for a 4px 'soft grid' approach, which allows for more nuanced spacing options, while still aligning to an 8px grid. This means every spacing element is divisible by 4 across components and layouts. . https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/6a4c752d-b6c6-423a-9f7b-ad313e87f653/Screenshot+2024-11-20+at+1.38.49%E2%80%AFPM.png Case Study - Internal Design System - Typography Good typography considers accessibility principles such as contrast, legibility, and readability. Since this is intended to be used for clients that have already defined brand standards we offer a guide within the documentation to quickly change it to support your existing styles. . https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/47069fe5-c242-4905-859c-7c5111899cec/Screenshot+2024-11-20+at+2.22.36%E2%80%AFPM.png Case Study - Internal Design System - Icons This system offers a large selection of icons organized by category to support any future needs that may come up. It also offers style variants to give you personalization and usage guides to guarantee successful. https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/7460a266-6566-4e64-9220-eeab26c68b46/Screen-scrum+board.jpg https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/5b6daa95-a531-49b4-9294-238106baff14/Screenshot+2024-11-21+at+10.01.24%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/ec02f21c-955b-4aa1-96b2-ae832f59cc54/Screenshot+2024-11-21+at+10.36.38%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/9d27e690-4929-47db-9177-7efed063ad7d/Screenshot+2024-11-21+at+10.34.44%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/36bc1227-dc87-4a8e-991f-70f6f3a60f7b/Screenshot+2024-11-21+at+10.35.15%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/35590a72-45fd-4124-bbbd-fd062defca19/Screenshot+2024-11-21+at+10.34.44%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/b8f759bf-192a-447c-8968-a62a43667975/Screenshot+2024-11-21+at+11.10.05%E2%80%AFPM.jpg https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/6a4c752d-b6c6-423a-9f7b-ad313e87f653/Screenshot+2024-11-20+at+1.38.49%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/3ea0343c-5f45-4276-bc7d-1948a15e0b36/Screenshot+2024-11-20+at+1.52.56%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/e68f9401-0b72-4298-8c42-d222fa444f09/Screenshot+2024-11-20+at+2.15.18%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/47069fe5-c242-4905-859c-7c5111899cec/Screenshot+2024-11-20+at+2.22.36%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/b81a4f91-55a9-4c8c-8c70-69bc6f1b48c3/Screenshot+2024-11-20+at+4.12.26%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/93920395-c213-43d9-98d8-e307ca662878/Screenshot+2025-03-13+at+3.19.34%E2%80%AFPM.jpg https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/23182484-c2af-470c-abc4-b19741361dea/Screenshot+2024-11-21+at+5.21.52%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/3961ff62-64a0-4a4a-9667-32a946d28bbd/1738779174898.gif https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/781223b7-6c0b-4962-b5fc-e2c332e353f6/Screenshot+2024-11-22+at+4.25.37%E2%80%AFPM.jpg https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/1e65f269-bf15-42ea-8101-aa70b4512c5d/dscover.png https://www.derekryan.org/home-ready daily 0.75 2024-11-21 https://images.squarespace-cdn.com/content/v1/573cc03cc2ea51f428cb5dd6/1470092977225-50P98KC41C7C07JVYJV3/image-asset.jpeg Home - Our Practice Description text. Proin gravida ex id consectetur lobortis. Aliquam ornare, velit vel faucibus dapibus, augue justo ullamcorper turpis. https://www.derekryan.org/work daily 1.0 2025-03-27 https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/05431dd6-d1af-4e98-b1ed-06106b3aa542/Screenshot+2024-11-22+at+1.55.36%E2%80%AFPM.jpg https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/6b8c948f-cdf8-4389-a0d5-ba69703a91cd/9431986_1721891547_set-230194owp01-039.jpeg https://images.squarespace-cdn.com/content/v1/5a53e586e45a7cd64bec43b2/9329dfc6-eb54-4cbd-853b-bd3ea7700686/pexels-karolina-grabowska-4205988.jpg https://www.derekryan.org/portfolio-2 daily 0.75 2024-11-22 https://www.derekryan.org/portfolio-2/project-four-yjynj-2l7t7 monthly 0.5 2022-05-24 https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847905386-9EM9GLHE12726EXM68S4/image-asset.jpeg https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847906050-Q37PFW075QZ6YU9179YP/image-asset.jpeg https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847907929-YZFF0BD112Q9PF2G1BK6/image-asset.jpeg https://www.derekryan.org/portfolio-2/project-three-8zgh7-6elax monthly 0.5 2022-05-24 https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847411947-BSOTI2122B2HLPAP3XSL/20140301_Trade-151_0124-copy.jpg Case Studies - Project Three https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847412609-54WSVSAFRMKZEQTXDKB9/20140301_Trade-151_0124-copy.jpg Case Studies - Project Three https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847411502-9D27YNIMALNIHZYQ1CMG/20140301_Trade-151_0124-copy.jpg Case Studies - Project Three https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847410901-NW4BE1NIG86WQS26D48L/20140301_Trade-151_0124-copy.jpg Case Studies - Project Three https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847410514-YTA75TP5M5NY1DD11BB2/20140301_Trade-151_0124-copy.jpg Case Studies - Project Three https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847409407-NH9B3VB0PQWBG5LZEU5P/20140301_Trade-151_0124-copy.jpg Case Studies - Project Three https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847408362-3VSTKTYIWN0INM638YVD/20140301_Trade-151_0124-copy.jpg Case Studies - Project Three https://www.derekryan.org/portfolio-2/project-two-llrgk-l6zp4 monthly 0.5 2022-05-24 https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847407784-0ZWK2VWHWVEO87VQWTE3/20140301_Trade-151_0124-copy.jpg Case Studies - Project Two https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847407287-985X24W2BPAEHHISD0C0/20140301_Trade-151_0124-copy.jpg Case Studies - Project Two https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847406849-K0MEB56K6G4CEGRZ4D2J/20140301_Trade-151_0124-copy.jpg Case Studies - Project Two https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847406249-J4HYEHES6F6UCY5TVM2A/20140301_Trade-151_0124-copy.jpg Case Studies - Project Two https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847405591-FZUNRUAT1SR1PVIL5TA8/20140301_Trade-151_0124-copy.jpg Case Studies - Project Two https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847404849-JBKU84SJXZL5LDL554SL/20140301_Trade-151_0124-copy.jpg Case Studies - Project Two https://www.derekryan.org/portfolio-2/case-study-internal-design-system monthly 0.5 2024-11-23 https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847404387-JU309UFEWQ1YR946FJVD/20140301_Trade-151_0124-copy.jpg Case Studies - Internal Design System https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847403763-CNHK66ERZAP3FARA51ND/20140301_Trade-151_0124-copy.jpg Case Studies - Internal Design System https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847403305-VJDKJA1VO786FIOO83WE/20140301_Trade-151_0124-copy.jpg Case Studies - Internal Design System https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847402884-2RBITFZTNVLDS1AJEKXW/20140301_Trade-151_0124-copy.jpg Case Studies - Internal Design System https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847402453-A0LKCHP0YA7NLI2E0WJA/20140301_Trade-151_0124-copy.jpg Case Studies - Internal Design System https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847402040-WALQWA4IM1JBBHBJZ731/20140301_Trade-151_0124-copy.jpg Case Studies - Internal Design System