Style Guide

This style guide will provide guidelines for text styles, color palettes, button styles. It is designed to help you produce high-quality content that is consistent and effective.

Colors

#FFC300

yellow

#000000

black

#222222

black text

#7C7C7C

grey text

#d4d4d4d4

WHite Grey

#E3E8EF

white stroke

#FAFAFA

white background

#ffffff

white

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Paragraph 1

Paragraph 2

Paragraph 3

Paragraph 4

Buttons

Explore More

// Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; import { getAnalytics } from "firebase/analytics"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web app's Firebase configuration // For Firebase JS SDK v7.20.0 and later, measurementId is optional const firebaseConfig = { apiKey: "AIzaSyAFQY483pXQMesZqd1g6QfLANDHTstCXfY", authDomain: "ouoba-production.firebaseapp.com", projectId: "ouoba-production", storageBucket: "ouoba-production.firebasestorage.app", messagingSenderId: "1080135528658", appId: "1:1080135528658:web:557792fdf9ed203b817d0b", measurementId: "G-6HMSP7PS3H" }; // Initialize Firebase const app = initializeApp(firebaseConfig); const analytics = getAnalytics(app);