Revenue Management Solutions, LLC design system
rmsweb.com
Read from Revenue Management Solutions, LLC's public website by Clinical Terminal. Not reviewed by Revenue Management Solutions, LLC. Copy it and paste it into Claude as inspiration.
Corrections or removal: agent@clinicalterminal.com
Palette
- Ground#F4F4F4--off-white
- Ink#202020
- Accent on the ground#896900
- Primary#FFDE2F--accent-yellow
- On primary#000000
- Secondary accent#25305E--blue-dark
- Dark#202020--black
- Site background#F4F4F4--off-white
Other named colors
- --white #FFFFFF
- --accent-green #2CB684
- --blue-dark #25305E
- --status--error #EF4444
- --light-blue #B3E0E6
- --black #202020
- --accent-yellow #FFDE2F
- --off-white #F4F4F4
- --white-7 #FFFFFF
- --blue-dark-50 #1A2244
- --black-60 #202020
Type
Headings
Poppins
Revenue Management Solutions, LLC at a glance
Body
Poppins
Clear, readable paragraphs for clinicians, buyers and patients alike.
- 40pxRevenue Management Solutions, LLC
- 38pxRevenue Management Solutions, LLC
- 32pxRevenue Management Solutions, LLC
- 24pxRevenue Management Solutions, LLC
- 1.5rem · 24pxRevenue Management Solutions, LLC
- 18pxRevenue Management Solutions, LLC
- 1.125rem · 18pxRevenue Management Solutions, LLC
- 15pxRevenue Management Solutions, LLC
Shape & depth
Cards and panels: 6px corners · buttons and chips: 0px.
Corner radii
- 8pxused in 10 rules
- 10pxused in 7 rules
- 4pxused in 3 rules
- 3pxused in 2 rules
- 50%used in 2 rules
- 6pxused in 2 rules
- 100%used in 1 rule
- 16pxused in 1 rule
- 20pxused in 1 rule
Shadows
- 0 0 0 1px #0000001a,0 1px 3px #0000001aused in 1 rule
- 0 0 3px #3336used in 1 rule
- 0 0 0 2px #fffused in 1 rule
Gradients
- linear-gradient(124deg,#25305e,#0a653f)used in 1 rule
- linear-gradient(42deg,#25305e 25%,#2ba773)used in 1 rule
Breakpoints: 479px · 767px · 768px · 991px · 1280px · 1920px
Voice
Tone: professional. Energy: low. Written for businesses.
DESIGN.md
The file Copy design system puts on your clipboard. Open the raw file.
--- generator: clinical-terminal-brand-kit company: "Revenue Management Solutions, LLC" domain: "rmsweb.com" colors: primary: "#FFDE2F" onPrimary: "#000000" dark: "#202020" accent: "#25305E" background: "#F4F4F4" ground: mode: light hex: "#F4F4F4" ink: "#202020" accent: "#896900" fonts: heading: "Poppins" body: "Poppins" radius: card: "6px" button: "0px" --- # Design System — Revenue Management Solutions, LLC > Read from Revenue Management Solutions, LLC's public website (rmsweb.com) by Clinical Terminal. Not reviewed by Revenue Management Solutions, LLC. > Use it as inspiration: borrow the ideas, not Revenue Management Solutions, LLC's name, logo or identity. ## Ground - **Light ground** (#F4F4F4), from Revenue Management Solutions, LLC's site background #F4F4F4. Pages and panels sit on it. - Main text: #202020 (14.81:1 on the ground). - Secondary text is #202020 at 88% / 76% / 60%; hairlines and plate borders #202020 at 16%. ## Color - **Accent on the ground: #896900** (4.67:1), adjusted from Revenue Management Solutions, LLC's primary #FFDE2F so it stays readable. Use it for kickers, key numbers and one highlight per screen, not for large fills. - **Primary #FFDE2F** for filled shapes (buttons, chips, bars), with #000000 text on it (15.74:1). - Secondary accent #25305E: charts and a second data series only. - Quote every hex exactly as written above. ## Type - Headlines: **Poppins**. Body: **Poppins**. Both on Google Fonts. ## Shape - Cards and panels: 6px corners. Buttons and chips: 0px. ## Voice - Tone: professional. Energy: low. Written for businesses. - Headlines are short and concrete. ## Tokens from the site's stylesheets ### Other named colors - `--white`: `#FFFFFF` - `--accent-green`: `#2CB684` - `--blue-dark`: `#25305E` - `--status--error`: `#EF4444` - `--light-blue`: `#B3E0E6` - `--black`: `#202020` - `--accent-yellow`: `#FFDE2F` - `--off-white`: `#F4F4F4` - `--white-7`: `#FFFFFF` - `--blue-dark-50`: `#1A2244` - `--black-60`: `#202020` ### Typefaces - Barlow (`--font-family-body`) — on Google Fonts - Poppins (`--font-family-headline`) — on Google Fonts ### Type scale (most-used sizes) `40px` · `38px` · `32px` · `24px` · `1.5rem` · `18px` · `1.125rem` · `15px` · `14px` · `12px` · `.75rem` · `10px` ### Letter-spacing `-1px` (2) · `1px` (1) ### Corner radii (most-used) `8px` · `10px` · `4px` · `3px` · `50%` · `6px` · `100%` · `16px` · `20px` ### Shadows - `0 0 0 1px #0000001a,0 1px 3px #0000001a` - `0 0 3px #3336` - `0 0 0 2px #fff` ### Gradients - `linear-gradient(124deg,#25305e,#0a653f)` - `linear-gradient(42deg,#25305e 25%,#2ba773)` ### Breakpoints 479px · 767px · 768px · 991px · 1280px · 1920px