01.

Logo System

Primary Mark — Light

Primary Mark — Dark

Scale Variations

32px
48px
64px
96px
128px

On Brand Colors

Clear Space

1x
1x
1x
1x

Maintain minimum clear space equal to the logo's curly brace width.

Usage Guidelines

  • Minimum size: 32px for digital, 12mm for print
  • Use on solid backgrounds only
  • Do not rotate, skew, or add effects
  • Maintain aspect ratio at all times
02.

Color Architecture

Flame Rust

#B43610

Primary Actions, CTAs, Error States.

Logic Gold

#EAB308

Highlights, Accents, Success, Icons.

Core Black

#000000

Typography, Borders, Dark Mode UI.

Tech Silver

#D9D9DA

Backgrounds, Panels, Secondary Borders.

03.

Typography Scale

Sans Serif (Inter/Roboto)

Heading 1

Heading 2

Heading 3

Body text should be clean and legible. We use high contrast black on white to ensure readability for technical documentation.

Monospace (Fira Code)

const vision = "Mentorship";

function buildFuture() {

return new Skillset();

}

// Used for code blocks, eyebrows, and technical data.

04.

Interface Elements

Button Variations

Card Components

System Design

Learn how to architect scalable software solutions using industry standard patterns.

Explore Module

Fast Track

Intensive 1:1 mentorship sessions designed to unblock your career growth.

04.1

Content Cards

Blog Post Card

The Death of Microservices?
Architecture
Systems

Published Dec 12, 2024

The Death of Microservices?

Why monolithic architectures are making a comeback in 2025 and when you should actually consider splitting your codebase.

author picture

Oscar Gallo

Video / Media Card

Video Thumbnail
14:20
Tutorial

Mastering CSS Grid in 15 Minutes

Forget float and flexbox. Learn how to build complex 2D layouts with just a few lines of code.

1.2k viewsWatch Now

Hire Me Pricing Card

Leadership

Fractional CTO & Product Strategist
Plug me into your exec rhythm for product strategy, engineering rigor, and roadmap ownership.

per month

$4,000

One weekly call, async feedback, and roadmap guidance for early teams.

  • Weekly strategy + unblock session
  • 24h async feedback on product questions
  • Quarterly roadmap + KPI review

Most founders compare this to a $250k full-time CTO and still call it a bargain.

05.

Hero Section Example

oscarcodeslife.com
Now accepting new students

ENGINEER YOUR
LEGACY

From junior developer to technical leader.
I bridge the gap between code and business value.

06.

Merchandise

Oscar Codes Life T-Shirts

Branded T-Shirts

Premium cotton tees featuring the Oscar Codes Life logo and signature designs.

Oscar Codes Life Cup

Developer Mug

Fuel your coding sessions with a mug that speaks your language.

Oscar Codes Life Full Kit

Full Developer Kit

Bundle

The complete package: t-shirt, mug, and exclusive accessories for the dedicated coder.

Rep the Brand

Show the world you're part of the Oscar Codes Life community.