CIRCUIT BOARD

PCB Design System // Rev 1.0

PWR OK
C01

Color Palette

Authentic PCB colors: FR-4 fiberglass green substrate, copper trace metallization, white silkscreen legends, and silver solder joints. Each color serves a functional purpose in hardware design.

PCB Substrate

PCB Green #1A472A
PCB Light #2D5A3D
PCB Dark #0F2D1A
PCB Blue #1A3A4A
PCB Black #1A1A1A

Copper & Gold Traces

Copper #B87333
Copper Light #D4956A
Copper Bright #E8B796
Gold (ENIG) #FFD700
Gold Pale #DAA520

Silkscreen & Solder

Silkscreen #F5F5F0
Silkscreen Dim #C8C8C0
Solder #C0C0C0
Solder Bright #E8E8E8

LED Indicators

LED Red #FF3333
LED Green #33FF33
LED Amber #FFBF00
Capacitor Blue #4169E1
C02

Typography

Monospace fonts mimic silkscreen printing on PCBs. Technical labeling with precise letter spacing for component designators and specifications.

Share Tech Mono // Silkscreen Labels

MAIN_PCB_V2.1

R1 R2 C1 C2 U1 U2 D1 D2

Primary silkscreen font. Used for component designators, board labels, and reference text.

JetBrains Mono // Body Text

The quick brown fox jumps over the lazy dog. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

VCC: 3.3V | GND: 0V | I/O: 1.8V-5V | FREQ: 16MHz | TEMP: -40C to +85C

Readable monospace for specifications, data, and body text. Equal character width for alignment.

Orbitron // Display Headlines

SYSTEM ONLINE

Hardware Initialized

Technical display font for status messages and major headings.

Type Scale

Element Font Size Use Case Sample
LABEL Share Tech Mono 2rem Board names PCB_REV_A
H1 Share Tech Mono 1.5rem Section headers POWER SUPPLY
H2 Share Tech Mono 1.25rem Sub-sections INPUT STAGE
BODY JetBrains Mono 0.875rem Body text Component specifications
SPEC JetBrains Mono 0.8rem Technical data 3.3V @ 500mA
REF Share Tech Mono 0.625rem Designators R1 R2 C1 C2
C03

Spacing System

Based on standard component pitch (2.54mm / 0.1"). All spacing aligns to a grid for precise component placement and trace routing.

Spacing Scale
XS (4px)
SM (8px)
MD (16px)
LG (24px)
XL (32px)
XXL (48px)
Trace Widths
THIN (1px)
NORMAL (2px)
THICK (3px)
POWER (4px)
Signal: 1-2px | Power/GND: 3-4px
Via & Pad Sizes
VIA-SM
VIA-MD
VIA-LG
PAD-RND
PAD-SQ
PAD-ENIG
C04

Buttons

Component-style buttons with solder pad decorations. Metallic gradients simulate gold-plated ENIG and copper HASL finishes.

Button Variants

Button Sizes

Block Button

Design Note

Button styling mimics through-hole components with solder pads on each end. Gold for primary actions (premium ENIG finish), copper for secondary (standard HASL).

C05

Form Elements

Data entry fields styled as recessed PCB areas. Copper borders indicate interactive regions. Gold focus states highlight active inputs.

e.g., ATmega328P-PU
Component Parameters
Mounting Type
ERROR: Voltage must be between 1.8V and 5.5V
C06

Cards

Content containers with trace routing decorations. Copper borders and via patterns create authentic PCB layout aesthetic.

Standard Card

Default card with copper trace routing decoration. Use for general content containers.

REV: 1.0 | STATUS: OK
Gold Finish

Premium ENIG gold finish for highlighted or important content sections.

REV: 1.0 | PREMIUM
Error State

Red indicator for error conditions, warnings, or critical alerts.

REV: 1.0 | FAULT
Component Status

VCC

3.3V

CURRENT

42mA

TEMP

45C

FREQ

16MHz

LED Status Indicators
PWR System powered
RDY Ready for operation
TX Transmitting data
ERR No errors
C07

Data Tables

Component specification tables with datasheet styling. Monospace alignment for technical values, part numbers in silkscreen style.

Bill of Materials (BOM)

Ref Part Number Description Package Value Qty
U1 ATmega328P-PU 8-bit AVR Microcontroller DIP-28 - 1
U2 LM7805CT 5V Linear Regulator TO-220 5V/1A 1
R1-R4 RC0805JR-10K SMD Resistor 0805 10K 4
C1-C2 CC0805KRX7R Ceramic Capacitor 0805 100nF 2
C3 ECA-1HM100 Electrolytic Capacitor Radial 100uF 1
Y1 HC49US-16M Crystal Oscillator HC49 16MHz 1
D1-D2 1N4148 Switching Diode DO-35 100V 2
LED1 LTST-C171GKT Green LED 0805 2.2V 1
Total Unique Parts: 8 13

Pin Configuration

Pin Name Type Description Status
1 VCC Power Supply voltage (3.3V-5V) Connected
2 GND Power Ground reference Connected
3 TX Output UART Transmit Routed
4 RX Input UART Receive Routed
5 RST Input Reset (active low) Pullup Req
6 NC - No connection Open
C08

Badges

Component labels and status indicators. Silkscreen styling for reference designators, LED glow effects for status badges.

Component References

R1 R2 C1 C2 U1 D1 LED1 Y1

Material Finishes

HASL ENIG OSP

Status Indicators

OK WARN FAULT INFO

Large Labels

PASSED FAILED VERIFIED

In Context

PCB Status READY

Power Section: U2 C3 OK

MCU Section: U1 Y1 OK

I/O Section: R1-R4 CHECK

C09

Design Principles

Core principles derived from PCB design practices and hardware engineering standards.

01

Grid Alignment

Every element snaps to a standardized grid (0.1" pitch). Precise alignment enables clean trace routing and professional component placement.

02

Signal Integrity

Clear visual hierarchy reduces noise. Important information gets thicker traces (gold, copper). Secondary content uses thinner lines (silkscreen).

03

Functional Labeling

Every component is clearly designated. Silkscreen labels identify function. Reference designators follow IPC standards (R, C, U, D, LED).

04

Material Authenticity

Colors and textures reflect real PCB materials: FR-4 green substrate, copper metallization, silver solder, white silkscreen. Hardware-accurate design.

System Ready

PCB Design System initialized. All components verified. Ready for production deployment.