Color Palette: The website primarily uses a white background with "Rosso Corsa" (bright red) as an accent color. Shades of gray are also used for text and design elements. This color scheme maintains brand consistency.
Logo: The FOSSASIA logo, incorporating the red and white color scheme, is a critical branding element. It should be included and prominently placed in any design materials.
Typography: Fonts used include "Roboto" and "Rubik" or other modern sans-serif fonts like Arial, Helvetica, Verdana, Open Sans, and Lato. Sans-serif fonts do not have the small projecting features known as "serifs," resulting in a clean, modern, and easily readable appearance on screens and at various sizes.
Visuals and Images: The website frequently features images related to open-source software, hardware projects, community events, and tech meetups. Design elements should reflect the organization's technological focus.
Content Layout: The FOSSASIA website uses a structured layout with clear sections for events, programs, and projects. Headers and subheaders enhance readability and navigation, providing a model for other design materials.
| Color Name | Color Sample | Composition | CMYK | RGB | Hex | Blending Source | Websafe Color |
|---|---|---|---|---|---|---|---|
| Rosso Corsa | 83.1% Red, 0% Green, 0% Blue | 0% Cyan, 100% Magenta, 100% Yellow, 16.9% Black | 212, 0, 0 | #d40000 | Blend of pure red with a touch of black | #cc0000 | |
| Red Orange/Scarlet Red | 88.2% Red, 16.9% Green, 0% Blue | 0% Cyan, 80.8% Magenta, 100% Yellow, 11.8% Black | 225, 43, 0 | #e12b00 | Blend of bright red with a hint of orange | #cc3300 | |
| White Smoke | 96.1% Red, 96.1% Green, 96.1% Blue | 0% Cyan, 0% Magenta, 0% Yellow, 3.9% Black | 245, 245, 245 | #f5f5f5 | Blend of a small amount of black with white | #ffffff | |
| Gray | 46.7% Red, 46.7% Green, 46.7% Blue | 0% Cyan, 0% Magenta, 0% Yellow, 53.3% Black | 119, 119, 119 | #777 | Equal blend of black and white | #666666 | |
| Pure White | 100% Red, 100% Green, 100% Blue | 0% Cyan, 0% Magenta, 0% Yellow, 0% Black | 255, 255, 255 | #ffffff | No blending needed, pure white | #ffffff |
The default fonts used in FOSSASIA documents are:
- Roboto
- Rubik
The FOSSASIA logo uses "Rosso Corsa" (#d40000) or pure white (#ffffff) as the default colors. The font for the FOSSASIA logo is "Spaceman," which can be found here.
Find logos in the folder Logo.
Examples:
-
Red Rectangle FOSSASIA logo
-
Red Oneline Logo
Backgrounds for slides should use red, gray, or white. Colors should remain distinct, with subtle variations. Here are some examples:
Red color variation in a background
Red color variation with AI network
White background with red AI network for a video screen
Red background with red elements moving into centre focused screen
