Brand Guideline & Identity
A comprehensive visual language for Biscayne Bay Preparatory Academy (BBPA). This prestigious system unifies our academic heritage with modern digital excellence, utilizing a distinguished Blue & Gold palette alongside a tailored typographic scale to communicate authority, innovation, and tradition.
1. Brand Color Palette
BBPA Blue
Core Identity
Academy Gold
Accent & Prestige
Neutral Slate
Text & Borders
Interface Dark
Surfaces & Depth
2. Decorative Background Palette
Academic Teal
Illustration
Vitality Green
Growth & Energy
Innovation Purple
Creativity
Knowledge Orange
Alert & Active
3. Font Family
Lexend
Primary Display Font (Headings)
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ! @ # $ % & * ( ) ?
Inter
Secondary UI Font (Body & UI)
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ! @ # $ % & * ( ) ?
4. Typography Scale
Golden Ratio (1.618)
Base size updated: 18px
font-family: 'Lexend', sans-serif;
| Token | Preview | Specs |
|---|---|---|
| h1 | BBPA System |
76.25px
4.236rem
|
| h2 | Course Dashboard |
47.12px
2.618rem
|
| h3 | Student Performance |
29.12px
1.618rem
|
| p / body | At Biscayne Bay Preparatory Academy, our virtual learning environment is designed to foster collaboration, critical thinking, and academic excellence. |
18px
1rem
|
| small | Last updated: October 24, 2023 |
11.12px
0.618rem
|
5. UI Component Library
Course Card Component
Advanced Physics: Mechanics & Motion
Explore the fundamental principles of motion, forces, and energy in this comprehensive module designed for grade 11 students at BBPA.
Instructor
Dr. Sarah JensenStatus Indicators
Achievement Badges
Form Components
Please use your official BBPA email address.
Alerts & Actions
BBPA System Update
The student portal will undergo scheduled maintenance on Saturday.
Honor Roll Achievement
Congratulations! You have been awarded the Gold Academic Standard.