blossom Summary
Custom components and styles from around the garden.
Figma
Here’s a link to the Figma file. I’ve also embedded it below:
Fonts
Serif headers: Charter
Sans-serif body: Atkinson Hyperlegible Next
monospace code: Fira Code NerdFont
handwritten: The Cats Whiskers
Custom Emoji
This table is auto-populated from quartz/static/emoji/custom folder.
| Emoji | Name | Code |
|---|---|---|
 | blossom | :custom_blossom: |
 | evergreen | :custom_evergreen: |
 | heart | :custom_heart: |
 | kevin_emoji1 | :custom_kevin_emoji1: |
 | leaf | :custom_leaf: |
 | musicnote | :custom_musicnote: |
 | newsletter | :custom_newsletter: |
 | panda | :custom_panda: |
 | share_flower | :custom_share_flower: |
 | sprout | :custom_sprout: |
 | star1 | :custom_star1: |
 | star2 | :custom_star2: |
 | star3 | :custom_star3: |
 | starbit | :custom_starbit: |
 | static | :custom_static: |
 | trailmarker | :custom_trailmarker: |
 | turtlenet | :custom_turtlenet: |
 | turtlenet2 | :custom_turtlenet2: |
Note Stages
Refer to Note Stages for an explanation of how I categorize my notes.
Callouts
I have these bound to Obsidian templates.
Summary
This is a tl;dr of a page.
Future Blog Post
This is a draft of a future post for my blog. It will be removed from the Garden once completed.
Request for Comment
This post is in need of your feedback! Please send me any thoughts you have; it would make my day :)
If you reside in the Bay Area and want to chat about this topic irl, I’m happy to buy you a coffee and/or meal in exchange for your insight (or anything else you’d like to talk about)!
AI-generated content
Some parts of this post were originally generated by Claude Sonnet 4 and later edited by me.
Further Reading
Todo
I still need to do this.
This is a quote. It came from somewhere.
—Abraham Lincoln
Color Palette
This garden primarily uses the Rosé Pine Dawn color palette.
| Color | Hex | RGB | HSL |
|---|---|---|---|
| Base | #faf4ed | rgb(250, 244, 237) | hsl(32deg, 57%, 95%) |
| Surface | #fffaf3 | rgb(255, 250, 243) | hsl(35deg, 100%, 98%) |
| Overlay | #f2e9e1 | rgb(242, 233, 222) | hsl(33deg, 43%, 91%) |
| Muted | #9893a5 | rgb(152, 147, 165) | hsl(257deg, 9%, 61%) |
| Subtle | #797593 | rgb(121, 117, 147) | hsl(248deg, 12%, 52%) |
| Text | #575279 | rgb(87, 82, 121) | hsl(248deg, 19%, 40%) |
| Love | #b4637a | rgb(180, 99, 122) | hsl(343deg, 35%, 55%) |
| Gold | #ea9d34 | rgb(234, 157, 52) | hsl(35deg, 81%, 56%) |
| Rose | #d7827e | rgb(215, 130, 126) | hsl(3deg, 53%, 67%) |
| Pine | #286983 | rgb(40, 105, 131) | hsl(197deg, 53%, 34%) |
| Foam | #56949f | rgb(86, 148, 159) | hsl(189deg, 30%, 48%) |
| Iris | #907aa9 | rgb(144, 122, 169) | hsl(268deg, 21%, 57%) |
| Highlight Low | #f4ede8 | rgb(244, 237, 232) | hsl(25deg, 35%, 93%) |
| Highlight Med | #dfdad9 | rgb(223, 218, 217) | hsl(10deg, 9%, 86%) |
| Highlight High | #cecacd | rgb(206, 202, 205) | hsl(315deg, 4%, 80%) |
I also use a few accent colors from Catppuccin Latte.
| Color | Hex | RGB | HSL |
|---|---|---|---|
| Pink | #ea76cb | rgb(234, 118, 203) | hsl(316deg, 73%, 69%) |
| Mauve | #8839ef | rgb(136, 57, 239) | hsl(266deg, 85%, 58%) |
| Red | #d20f39 | rgb(210, 15, 57) | hsl(347deg, 87%, 44%) |
| Maroon | #e64553 | rgb(230, 69, 83) | hsl(355deg, 76%, 59%) |
| Peach | #fe640b | rgb(254, 100, 11) | hsl(22deg, 99%, 52%) |
| Yellow | #df8e1d | rgb(223, 142, 29) | hsl(35deg, 77%, 49%) |
| Green | #40a02b | rgb(64, 160, 43) | hsl(109deg, 58%, 40%) |
| Teal | #179299 | rgb(23, 146, 153) | hsl(183deg, 74%, 35%) |
| Sky | #04a5e5 | rgb(4, 165, 229) | hsl(197deg, 97%, 46%) |
| Sapphire | #209fb5 | rgb(32, 159, 181) | hsl(189deg, 70%, 42%) |
| Blue | #1e66f5 | rgb(30, 102, 245) | hsl(220deg, 91%, 54%) |
| Lavender | #7287fd | rgb(114, 135, 253) | hsl(231deg, 97%, 72%) |