Colors
The main SecureDrop color is Light Blue. Use Dark Blue as a secondary option and Dark Red as accent color.
Blue
Dark Blue
Warning
Danger
Gray 0
Gray 3
Gray 6
Gray 9
Grid
Our main used grid compositions are outlined here. Use them to generate one column or various columns layouts.
12
4
8
3
9
2
2
2
2
2
2
3
3
3
3
4
4
4
6
6
8
6
Typography
Our main typography is Fira Sans made by Mozilla.
H1
Share and accept documents securely
H2
Share and accept documents securely
H3
Share and accept documents securely
H4
Share and accept documents securely
H5
Share and accept documents securely
H6
Share and accept documents securely
H1 display
SecureDrop
H2 display
SecureDrop
H3 display
SecureDrop
H4 display
SecureDrop
Paragraph Fira Sans Regular
SecureDrop is an open source whistleblower submission system that media organizations can install to securely accept documents from anonymous sources.
Code Snippet Fira Mono
$('.rb-sidebar').on('click', 'a',function() {
$('.rb-sidebar a.active').removeClass('active');
$(this).addClass('active');
});
Icons
Identity Assets
The SecureDrop Project brand assets are included here. Use them responsibly.
Scrollspy
Styleguide code licensed under MIT, documents licensed under a Creative Commons Attribution 3.0 United States License. SecureDrop is an open source whistleblower submission system that media organizations can install to securely accept documents from anonymous sources.
Templates and styles based on the Reproducible Builds styleguide.