├── .github ├── .gitignore └── ISSUE_TEMPLATE │ └── config.yml ├── COPYING ├── README.md ├── icons ├── network-bad.svg ├── network-disconnected.svg ├── network-excellent.svg ├── network-good.svg ├── network-inactive.svg ├── network-mediocre.svg ├── recording-active.svg ├── recording-inactive.svg ├── recording-pause-inactive.svg ├── recording-pause.svg ├── streaming-active.svg └── streaming-inactive.svg ├── illustrations ├── crashed-plane.svg ├── github-banner.svg ├── mugs.svg ├── pulsating-circle │ ├── pulsating-streaming-loop.webm │ ├── pulsating-streaming.blend │ └── pulsating-streaming.webm └── waves │ ├── waves-flat.png │ ├── waves.png │ └── waves.svg ├── mockups ├── crash-recovery │ └── crash-recovery.svg ├── notifications │ └── notifications.svg ├── scene-collections-dialog │ ├── scene-collections-dialog.png │ └── scene-collections-dialog.svg └── sources-toolbar │ └── sources-toolbar.svg ├── resources ├── colors.md ├── colors.svg ├── empty-page.svg ├── patterns.svg └── widgets.svg └── whiteboard ├── pipeline-nodes ├── pipeline-colored.png ├── pipeline-colored.svg ├── pipeline.png └── pipeline.svg └── plugin-manager ├── plugin-manager-gnome-software.png └── plugin-manager-gnome-software.svg /.github/.gitignore: -------------------------------------------------------------------------------- 1 | # Initialize folder -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: true 2 | contact_links: 3 | - name: Feature request 4 | url: https://ideas.obsproject.com 5 | about: Ideas for new features and functionality (ideas.obsproject.com) 6 | - name: Help/Support 7 | url: https://obsproject.com/help 8 | about: Questions or issues about how to use and configure OBS (obsproject.com/help) -------------------------------------------------------------------------------- /COPYING: -------------------------------------------------------------------------------- 1 | Creative Commons Legal Code 2 | 3 | CC0 1.0 Universal 4 | 5 | CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE 6 | LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN 7 | ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS 8 | INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES 9 | REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS 10 | PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM 11 | THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED 12 | HEREUNDER. 13 | 14 | Statement of Purpose 15 | 16 | The laws of most jurisdictions throughout the world automatically confer 17 | exclusive Copyright and Related Rights (defined below) upon the creator 18 | and subsequent owner(s) (each and all, an "owner") of an original work of 19 | authorship and/or a database (each, a "Work"). 20 | 21 | Certain owners wish to permanently relinquish those rights to a Work for 22 | the purpose of contributing to a commons of creative, cultural and 23 | scientific works ("Commons") that the public can reliably and without fear 24 | of later claims of infringement build upon, modify, incorporate in other 25 | works, reuse and redistribute as freely as possible in any form whatsoever 26 | and for any purposes, including without limitation commercial purposes. 27 | These owners may contribute to the Commons to promote the ideal of a free 28 | culture and the further production of creative, cultural and scientific 29 | works, or to gain reputation or greater distribution for their Work in 30 | part through the use and efforts of others. 31 | 32 | For these and/or other purposes and motivations, and without any 33 | expectation of additional consideration or compensation, the person 34 | associating CC0 with a Work (the "Affirmer"), to the extent that he or she 35 | is an owner of Copyright and Related Rights in the Work, voluntarily 36 | elects to apply CC0 to the Work and publicly distribute the Work under its 37 | terms, with knowledge of his or her Copyright and Related Rights in the 38 | Work and the meaning and intended legal effect of CC0 on those rights. 39 | 40 | 1. Copyright and Related Rights. A Work made available under CC0 may be 41 | protected by copyright and related or neighboring rights ("Copyright and 42 | Related Rights"). Copyright and Related Rights include, but are not 43 | limited to, the following: 44 | 45 | i. the right to reproduce, adapt, distribute, perform, display, 46 | communicate, and translate a Work; 47 | ii. moral rights retained by the original author(s) and/or performer(s); 48 | iii. publicity and privacy rights pertaining to a person's image or 49 | likeness depicted in a Work; 50 | iv. rights protecting against unfair competition in regards to a Work, 51 | subject to the limitations in paragraph 4(a), below; 52 | v. rights protecting the extraction, dissemination, use and reuse of data 53 | in a Work; 54 | vi. database rights (such as those arising under Directive 96/9/EC of the 55 | European Parliament and of the Council of 11 March 1996 on the legal 56 | protection of databases, and under any national implementation 57 | thereof, including any amended or successor version of such 58 | directive); and 59 | vii. other similar, equivalent or corresponding rights throughout the 60 | world based on applicable law or treaty, and any national 61 | implementations thereof. 62 | 63 | 2. Waiver. To the greatest extent permitted by, but not in contravention 64 | of, applicable law, Affirmer hereby overtly, fully, permanently, 65 | irrevocably and unconditionally waives, abandons, and surrenders all of 66 | Affirmer's Copyright and Related Rights and associated claims and causes 67 | of action, whether now known or unknown (including existing as well as 68 | future claims and causes of action), in the Work (i) in all territories 69 | worldwide, (ii) for the maximum duration provided by applicable law or 70 | treaty (including future time extensions), (iii) in any current or future 71 | medium and for any number of copies, and (iv) for any purpose whatsoever, 72 | including without limitation commercial, advertising or promotional 73 | purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each 74 | member of the public at large and to the detriment of Affirmer's heirs and 75 | successors, fully intending that such Waiver shall not be subject to 76 | revocation, rescission, cancellation, termination, or any other legal or 77 | equitable action to disrupt the quiet enjoyment of the Work by the public 78 | as contemplated by Affirmer's express Statement of Purpose. 79 | 80 | 3. Public License Fallback. Should any part of the Waiver for any reason 81 | be judged legally invalid or ineffective under applicable law, then the 82 | Waiver shall be preserved to the maximum extent permitted taking into 83 | account Affirmer's express Statement of Purpose. In addition, to the 84 | extent the Waiver is so judged Affirmer hereby grants to each affected 85 | person a royalty-free, non transferable, non sublicensable, non exclusive, 86 | irrevocable and unconditional license to exercise Affirmer's Copyright and 87 | Related Rights in the Work (i) in all territories worldwide, (ii) for the 88 | maximum duration provided by applicable law or treaty (including future 89 | time extensions), (iii) in any current or future medium and for any number 90 | of copies, and (iv) for any purpose whatsoever, including without 91 | limitation commercial, advertising or promotional purposes (the 92 | "License"). The License shall be deemed effective as of the date CC0 was 93 | applied by Affirmer to the Work. Should any part of the License for any 94 | reason be judged legally invalid or ineffective under applicable law, such 95 | partial invalidity or ineffectiveness shall not invalidate the remainder 96 | of the License, and in such case Affirmer hereby affirms that he or she 97 | will not (i) exercise any of his or her remaining Copyright and Related 98 | Rights in the Work or (ii) assert any associated claims and causes of 99 | action with respect to the Work, in either case contrary to Affirmer's 100 | express Statement of Purpose. 101 | 102 | 4. Limitations and Disclaimers. 103 | 104 | a. No trademark or patent rights held by Affirmer are waived, abandoned, 105 | surrendered, licensed or otherwise affected by this document. 106 | b. Affirmer offers the Work as-is and makes no representations or 107 | warranties of any kind concerning the Work, express, implied, 108 | statutory or otherwise, including without limitation warranties of 109 | title, merchantability, fitness for a particular purpose, non 110 | infringement, or the absence of latent or other defects, accuracy, or 111 | the present or absence of errors, whether or not discoverable, all to 112 | the greatest extent permissible under applicable law. 113 | c. Affirmer disclaims responsibility for clearing rights of other persons 114 | that may apply to the Work or any use thereof, including without 115 | limitation any person's Copyright and Related Rights in the Work. 116 | Further, Affirmer disclaims responsibility for obtaining any necessary 117 | consents, permissions or other rights required for any use of the 118 | Work. 119 | d. Affirmer understands and acknowledges that Creative Commons is not a 120 | party to this document and has no duty or obligation with respect to 121 | this CC0 or use of the Work. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Design Resources for OBS Studio 2 | 3 | ![Banner](illustrations/github-banner.svg) 4 | 5 | This repository contains the visual assets (illustrations, custom icons, etc) 6 | and design material (mockups, experiments, etc) used in OBS Studio. 7 | 8 | Nothing in this repository is final or representative of what next releases of 9 | OBS Studio will contain. 10 | 11 | All work is distributed under the Creative Commons Zero v1.0 Universal license. 12 | 13 | ### Folder Layout 14 | 15 | * **icons**: icons used in the mockups 16 | * **illustrations**: drawings and colorful illustrations used in mockups 17 | * **mockups**: mockups that are more or less ready for implementation 18 | * **resources**: templates widgets, containers, windows, and patterns used by 19 | the mockups 20 | * **whiteboard**: highly experimental, crazy ideas that probably won't ever be 21 | included in the app 22 | 23 | ### Contributing 24 | 25 | If you'd like to contribute with design work, please join the `#development` 26 | channel in our [Discord][discord] server and get in touch. 27 | 28 | This repository is used by members of the OBS Studio community to track ongoing 29 | work, and to host assets used by the project. It is not a general-purpose issue 30 | tracker. If you want to share your ideas and suggestions to the project, please 31 | use the [Ideas and Suggestions][ideas-and-suggestions] page. 32 | 33 | Please do not file issues nor open discussions in this repository. Please avoid 34 | participating in discussions or issues that you were not explicitly requested 35 | to participate. 36 | 37 | ### Code of Conduct 38 | 39 | This repository operates under the [Code of Conduct][code-of-conduct], and all 40 | communications and content must adhere to it at all times. 41 | 42 | 43 | 44 | [code-of-conduct]: https://github.com/obsproject/obs-studio/blob/master/COC.rst 45 | [discord]: https://obsproject.com/discord 46 | [ideas-and-suggestions]: https://ideas.obsproject.com/ 47 | -------------------------------------------------------------------------------- /icons/network-bad.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 35 | 38 | 42 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /icons/network-disconnected.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 35 | 38 | 44 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /icons/network-excellent.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 35 | 40 | 41 | -------------------------------------------------------------------------------- /icons/network-good.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 35 | 39 | 43 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /icons/network-inactive.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 35 | 41 | 42 | -------------------------------------------------------------------------------- /icons/network-mediocre.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 35 | 38 | 42 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /icons/recording-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 35 | 40 | 41 | -------------------------------------------------------------------------------- /icons/recording-inactive.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 35 | 40 | 41 | -------------------------------------------------------------------------------- /icons/recording-pause-inactive.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 35 | 39 | 43 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /icons/recording-pause.svg: -------------------------------------------------------------------------------- 1 | 2 | 14 | 16 | 35 | 39 | 43 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /icons/streaming-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 17 | 36 | 38 | 40 | 41 | 43 | image/svg+xml 44 | 46 | 47 | 48 | 49 | 52 | 58 | 62 | 66 | 70 | 74 | 75 | 76 | -------------------------------------------------------------------------------- /icons/streaming-inactive.svg: -------------------------------------------------------------------------------- 1 | 2 | 17 | 36 | 38 | 40 | 41 | 43 | image/svg+xml 44 | 46 | 47 | 48 | 49 | 52 | 58 | 62 | 66 | 70 | 74 | 75 | 76 | -------------------------------------------------------------------------------- /illustrations/crashed-plane.svg: -------------------------------------------------------------------------------- 1 | 2 | 21 | 23 | 24 | 26 | image/svg+xml 27 | 29 | 30 | 31 | 32 | 34 | 36 | 40 | 44 | 45 | 50 | 68 | 86 | 92 | 98 | 104 | 110 | 120 | 126 | 130 | 135 | 140 | 146 | 150 | 158 | 168 | 173 | 174 | 182 | 186 | 190 | 191 | 198 | 202 | 206 | 210 | 211 | 219 | 223 | 227 | 228 | 235 | 239 | 243 | 247 | 248 | 257 | 259 | 263 | 267 | 268 | 277 | 279 | 283 | 287 | 288 | 297 | 302 | 312 | 315 | 319 | 323 | 324 | 329 | 338 | 339 | 364 | 373 | 374 | 378 | 381 | 385 | 389 | 393 | 399 | 405 | 411 | 412 | 416 | 421 | 428 | 431 | 436 | 440 | 445 | 446 | 447 | 451 | 456 | 461 | 466 | 467 | 468 | 469 | 470 | -------------------------------------------------------------------------------- /illustrations/mugs.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 16 | 36 | 38 | 42 | 46 | 52 | 58 | 63 | 72 | 78 | 84 | 90 | 91 | 95 | 101 | 107 | 112 | 121 | 127 | 133 | 139 | 140 | 144 | 150 | 156 | 161 | 170 | 176 | 182 | 188 | 189 | 193 | 199 | 205 | 210 | 219 | 225 | 231 | 237 | 238 | 242 | 248 | 254 | 259 | 268 | 274 | 280 | 286 | 287 | 291 | 297 | 303 | 308 | 317 | 323 | 329 | 335 | 340 | 341 | 345 | 351 | 357 | 362 | 371 | 377 | 383 | 389 | 394 | 395 | 399 | 405 | 411 | 416 | 425 | 431 | 437 | 443 | 448 | 449 | 453 | 459 | 465 | 470 | 479 | 485 | 491 | 497 | 502 | 503 | 507 | 513 | 519 | 524 | 533 | 539 | 545 | 551 | 556 | 557 | 561 | 567 | 572 | 577 | 586 | 592 | 597 | 603 | 608 | 609 | 610 | 611 | -------------------------------------------------------------------------------- /illustrations/pulsating-circle/pulsating-streaming-loop.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obsproject/design/6a7639840dc6d88546da127c18374541b3fadfa2/illustrations/pulsating-circle/pulsating-streaming-loop.webm -------------------------------------------------------------------------------- /illustrations/pulsating-circle/pulsating-streaming.blend: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obsproject/design/6a7639840dc6d88546da127c18374541b3fadfa2/illustrations/pulsating-circle/pulsating-streaming.blend -------------------------------------------------------------------------------- /illustrations/pulsating-circle/pulsating-streaming.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obsproject/design/6a7639840dc6d88546da127c18374541b3fadfa2/illustrations/pulsating-circle/pulsating-streaming.webm -------------------------------------------------------------------------------- /illustrations/waves/waves-flat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obsproject/design/6a7639840dc6d88546da127c18374541b3fadfa2/illustrations/waves/waves-flat.png -------------------------------------------------------------------------------- /illustrations/waves/waves.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obsproject/design/6a7639840dc6d88546da127c18374541b3fadfa2/illustrations/waves/waves.png -------------------------------------------------------------------------------- /illustrations/waves/waves.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 38 | 40 | 48 | 54 | 59 | 65 | 71 | 77 | 78 | 86 | 92 | 97 | 103 | 109 | 115 | 116 | 124 | 130 | 135 | 141 | 147 | 153 | 154 | 162 | 168 | 173 | 179 | 185 | 191 | 192 | 200 | 206 | 211 | 217 | 223 | 229 | 230 | 238 | 244 | 249 | 255 | 261 | 267 | 268 | 276 | 282 | 287 | 293 | 299 | 305 | 306 | 314 | 320 | 325 | 331 | 337 | 343 | 344 | 352 | 358 | 363 | 369 | 375 | 381 | 382 | 390 | 396 | 401 | 407 | 413 | 419 | 420 | 428 | 434 | 439 | 445 | 451 | 457 | 458 | 466 | 472 | 477 | 483 | 489 | 495 | 496 | 504 | 510 | 515 | 521 | 527 | 533 | 534 | 542 | 548 | 553 | 559 | 565 | 571 | 572 | 580 | 586 | 591 | 597 | 603 | 609 | 610 | 618 | 624 | 629 | 635 | 641 | 647 | 648 | 656 | 662 | 667 | 673 | 679 | 685 | 686 | 694 | 700 | 705 | 711 | 717 | 723 | 724 | 732 | 738 | 743 | 749 | 755 | 761 | 762 | 770 | 776 | 781 | 787 | 793 | 799 | 800 | 808 | 814 | 819 | 825 | 831 | 837 | 838 | 846 | 852 | 857 | 863 | 869 | 875 | 876 | 884 | 890 | 895 | 901 | 907 | 913 | 914 | 922 | 928 | 933 | 939 | 945 | 951 | 952 | 960 | 966 | 971 | 977 | 983 | 989 | 990 | 998 | 1004 | 1009 | 1015 | 1021 | 1027 | 1028 | 1036 | 1042 | 1047 | 1053 | 1059 | 1065 | 1066 | 1074 | 1080 | 1085 | 1091 | 1097 | 1103 | 1104 | 1112 | 1118 | 1123 | 1129 | 1135 | 1141 | 1142 | 1150 | 1156 | 1161 | 1167 | 1173 | 1179 | 1180 | 1188 | 1194 | 1199 | 1205 | 1211 | 1217 | 1218 | 1226 | 1232 | 1237 | 1243 | 1249 | 1255 | 1256 | 1264 | 1270 | 1275 | 1281 | 1287 | 1293 | 1294 | 1302 | 1308 | 1313 | 1319 | 1325 | 1331 | 1332 | 1340 | 1346 | 1351 | 1357 | 1363 | 1369 | 1370 | 1378 | 1384 | 1389 | 1395 | 1401 | 1407 | 1408 | 1416 | 1422 | 1427 | 1433 | 1439 | 1445 | 1446 | 1447 | 1451 | 1458 | 1463 | 1468 | 1473 | 1478 | 1483 | 1488 | 1493 | 1498 | 1503 | 1508 | 1509 | 1510 | -------------------------------------------------------------------------------- /mockups/scene-collections-dialog/scene-collections-dialog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obsproject/design/6a7639840dc6d88546da127c18374541b3fadfa2/mockups/scene-collections-dialog/scene-collections-dialog.png -------------------------------------------------------------------------------- /resources/colors.md: -------------------------------------------------------------------------------- 1 | # Colors 2 | 3 | * accent: #284cb8 4 | * lighter accent: #365cc0 5 | 6 | * destructive action: #c01c28 7 | 8 | # Backgrounds 9 | 10 | * base: #272a33 11 | * content: #1d1f26 12 | * controls: #3c404d 13 | 14 | # Borders 15 | 16 | * grey: #5b6273 17 | 18 | -------------------------------------------------------------------------------- /resources/empty-page.svg: -------------------------------------------------------------------------------- 1 | 2 | 20 | 22 | 65 | 74 | 75 | 77 | 78 | 80 | image/svg+xml 81 | 83 | 84 | 85 | 86 | 91 | 99 | 111 | 123 | 138 | 144 | 147 | Mockup Title 158 | Description with some more context and other details on these designs. This may or may not include- notes about edge cases- details important for implementation- remaining TODOs- open questions, doubts, and the like 194 | 195 | 196 | -------------------------------------------------------------------------------- /whiteboard/pipeline-nodes/pipeline-colored.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obsproject/design/6a7639840dc6d88546da127c18374541b3fadfa2/whiteboard/pipeline-nodes/pipeline-colored.png -------------------------------------------------------------------------------- /whiteboard/pipeline-nodes/pipeline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obsproject/design/6a7639840dc6d88546da127c18374541b3fadfa2/whiteboard/pipeline-nodes/pipeline.png -------------------------------------------------------------------------------- /whiteboard/plugin-manager/plugin-manager-gnome-software.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obsproject/design/6a7639840dc6d88546da127c18374541b3fadfa2/whiteboard/plugin-manager/plugin-manager-gnome-software.png --------------------------------------------------------------------------------