[Design systems](/design-systems/) / USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities # USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities design system uscbamerica.com Read from USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities's public website by Clinical Terminal. Not reviewed by USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities. Copy it and paste it into Claude as inspiration. Corrections or removal: ![USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities logo](https://firebasestorage.googleapis.com/v0/b/clinical-ai-design.firebasestorage.app/o/snapshots%2Fdesign-systems%2Flogos%2F100923919.png?alt=media) ## Palette - Ground \#FFFFFF - Ink \#111111 - Accent on the ground \#204875 - Primary \#204875 - On primary \#FFFFFF - Secondary accent \#75D69C - Dark \#5C6F7A - Site background \#FFFFFF ## Type Headings Montserrat USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities at a glance Body Montserrat Clear, readable paragraphs for clinicians, buyers and patients alike. - 32pxUSCB AMERICA-Revenue Cycle Solutions for Healthcare Entities - 24pxUSCB AMERICA-Revenue Cycle Solutions for Healthcare Entities - 21pxUSCB AMERICA-Revenue Cycle Solutions for Healthcare Entities - 20pxUSCB AMERICA-Revenue Cycle Solutions for Healthcare Entities - 18pxUSCB AMERICA-Revenue Cycle Solutions for Healthcare Entities - 16pxUSCB AMERICA-Revenue Cycle Solutions for Healthcare Entities - 15pxUSCB AMERICA-Revenue Cycle Solutions for Healthcare Entities - 14pxUSCB AMERICA-Revenue Cycle Solutions for Healthcare Entities ## Shape & depth Cards and panels: 3px corners · buttons and chips: 0px. ### Corner radii - 3px used in 41 rules - 50% used in 25 rules - 2px used in 15 rules - 5px used in 13 rules - 30px used in 8 rules - 4px used in 6 rules - 10px used in 6 rules - 100% used in 4 rules - 50px used in 3 rules - 100px used in 3 rules ### Shadows - 0 0 0 transparent used in 18 rules - 0 0 5px rgba(0,0,0,.1) used in 8 rules - 0 5px 0 #3253bc used in 5 rules - 0 5px 0 #008d97 used in 5 rules - 0 5px 0 #fe3829 used in 5 rules - 0 5px 0 #6e48b1 used in 5 rules ### Gradients - linear-gradient(bottom, #f6f6f6 0%, #fff 100%) used in 5 rules - linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) used in 4 rules - linear-gradient(#F4823C, #F4823C) used in 4 rules - linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1)) used in 3 rules - linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%) used in 2 rules - linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.02) 100%) used in 2 rules Breakpoints: 320px · 400px · 480px · 500px · 568px · 599px · 600px · 767px · 768px · 769px · 782px · 860px ## Voice Tone: professional. Energy: low. Written for patients and healthcare professionals. ## DESIGN.md The file Copy design system puts on your clipboard. [Open the raw file](https://firebasestorage.googleapis.com/v0/b/clinical-ai-design.firebasestorage.app/o/snapshots%2Fdesign-systems%2Fmd%2F100923919.md?alt=media). ``` --- generator: clinical-terminal-brand-kit company: "USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities" domain: "uscbamerica.com" colors: primary: "#204875" onPrimary: "#FFFFFF" dark: "#5C6F7A" accent: "#75D69C" background: "#FFFFFF" ground: mode: light hex: "#FFFFFF" ink: "#111111" accent: "#204875" fonts: heading: "Montserrat" body: "Montserrat" radius: card: "3px" button: "0px" --- # Design System — USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities > Read from USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities's public website (uscbamerica.com) by Clinical Terminal. Not reviewed by USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities. > Use it as inspiration: borrow the ideas, not USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities's name, logo or identity. ## Ground - **Light ground** (#FFFFFF), from USCB AMERICA-Revenue Cycle Solutions for Healthcare Entities's site background #FFFFFF. Pages and panels sit on it. - Main text: #111111 (18.88:1 on the ground). - Secondary text is #111111 at 88% / 76% / 60%; hairlines and plate borders #111111 at 16%. ## Color - **Accent on the ground: #204875** (9.35:1). Use it for kickers, key numbers and one highlight per screen, not for large fills. - **Primary #204875** for filled shapes (buttons, chips, bars), with #FFFFFF text on it (9.35:1). - Secondary accent #75D69C: charts and a second data series only. - Quote every hex exactly as written above. ## Type - Headlines: **Montserrat**. Body: **Montserrat**. Both on Google Fonts. ## Shape - Cards and panels: 3px corners. Buttons and chips: 0px. ## Voice - Tone: professional. Energy: low. Written for patients and healthcare professionals. - Headlines are short and concrete. ## Tokens from the site's stylesheets ### Typefaces - Montserrat — on Google Fonts - vc_grid_v1 - Roboto — on Google Fonts - proxima-nova - Raleway — on Google Fonts - star - Verdana - apple-system ### Type scale (most-used sizes) `32px` · `24px` · `21px` · `20px` · `18px` · `16px` · `15px` · `14px` · `13px` · `12px` · `11px` · `10px` ### Letter-spacing `1px` (8) · `2em` (1) · `-1px` (1) · `2px` (1) · `0.2rem` (1) ### Corner radii (most-used) `3px` · `50%` · `2px` · `5px` · `30px` · `4px` · `10px` · `100%` · `50px` · `100px` ### Shadows - `0 0 0 transparent` - `0 0 5px rgba(0,0,0,.1)` - `0 5px 0 #3253bc` - `0 5px 0 #008d97` - `0 5px 0 #fe3829` - `0 5px 0 #6e48b1` ### Gradients - `linear-gradient(bottom, #f6f6f6 0%, #fff 100%)` - `linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)` - `linear-gradient(#F4823C, #F4823C)` - `linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1))` - `linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%)` - `linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.02) 100%)` ### Breakpoints 320px · 400px · 480px · 500px · 568px · 599px · 600px · 767px · 768px · 769px · 782px · 860px · 959px · 960px · 992px · 1200px ```